@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-10-22 14:14:39
 * @version $Id$
 */



/*通用*/
*{font-family:微软雅黑;outline:none;}
.btn{position:relative;}
.container{padding:0;width:1200px!important;max-width:1200px!important;}
body{background:#efefef;}
li{list-style:none;}
.bg-panel{padding:20px;border-radius:4px;background:#fff;}
ul{margin:0;padding:0;}
a{color:#333;text-decoration:none!important;transition:.3s;}
a:hover{color:#1890ff;text-decoration:none;}
em{font-style:normal;}
.nav>li>a:hover{color:#1890ff;}
.modal{pointer-events:auto;}
.messager{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
button{outline:0!important;}
.dropdown-menu.notice{display:inherit;visibility:hidden;opacity:0;transition:.3s;transform:scale(0);transform-origin:0 0 0;}
.dropdown-menu.notice.active{display:inherit;visibility:visible;opacity:1;transform:scale(1);}
.form-control.focus,.form-control:focus{outline:0;border-color:rgba(24,144,255,1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(24,144,255,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(24,144,255,.6) 205,.6)}
.am-vertical-align-middle{vertical-align:middle;}
.am-vertical-align-middle{display:inline-block;max-width:100%;}
.am-vertical-align:before{display:inline-block;height:100%;content:'';vertical-align:middle;}
.form-group label{font-weight:100;}
.breadcrumb{padding-left:0;font-size:14px;}
.breadcrumb .iconfont{margin-right:10px;color:#3280fc;}
.breadcrumb a{text-decoration:none;transition:.3s;}
.breadcrumb>li+li:before{padding:0 8px;content:"\e679";font-family:iconfont!important;}
.wrap2{margin-top:20px;}
.form-group label e{position:relative;top:2px;margin-right:5px;color:red;}
.btn-warning{background:#ff6029;}
.btn-warning:hover{background:#ff8010;}
.pager>li>a,.pager>li>span{padding:8px 14px;}
.tool-box .btn{border:transparent 1px solid;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.left-padding{padding-left: 0;}
.right-padding{padding-right: 0;}
.index-page{background: #fff;}
.article>header h1{font-weight: 100;}


.modal.in .modal-dialog .modal-body{max-height: 600px;overflow: hidden;overflow-y: visible;}

/*顶部导航*/
.main-nav{height: 80px;line-height: 80px; background: #fff; border-bottom: 1px solid #dbdbdc;box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}
.main-nav .logo-top{width: 200px;float: left;margin-right: 50px;}
.main-nav .logo-top.text{font-size: 24px;color: #333;}
.main-nav .logo-top img{width: 100%;position: relative;top: -2px;}
.main-nav .nav{line-height: 80px;float: left;display: block;}
.main-nav .nav li a{padding: 0px 20px;border-radius: 0;}
.main-nav .nav>li>a:focus, .main-nav .nav>li>a:hover{background: transparent;}
.main-nav .login-bar img{width: 40px;border-radius: 50%;margin-right: 10px;}
.main-nav .dropdown .label-badge{position: relative;top:22px;left: -8px;}
.main-nav .dropdown-menu{border-radius: 0;border: none;min-width: 155px;padding-top: 0;}
.main-nav .dropdown-menu li a{height: 42px;line-height: 42px;}
.main-nav i{margin-left: 5px;}
.main-nav .dropdown-menu-tab{width: 350px;margin-top: -5px;box-shadow: 0 2px 8px rgba(0,0,0,.15);border-radius: 4px;}
.main-nav .dropdown-menu-tab ul{width: 100%;}
.main-nav .dropdown-menu-tab ul.nav-secondary li{width: 50%;text-align: center;}
.main-nav .dropdown-menu-tab .tab-content{padding: 15px 0;}
.main-nav .dropdown-menu-tab .tab-content ul li{width: 100%;float: left;border-bottom: #ddd 1px solid;}
.main-nav .dropdown-menu-tab .tab-content ul li.notip{text-align: center;color: #aaa;}
.main-nav .dropdown-menu-tab .tab-content ul li.last{text-align: center;padding: 0 20px;border: none;margin:0;}
.main-nav .dropdown-menu-tab .tab-content ul li.last .btn.clear{width: 100%;background: transparent;border-color: #ddd;}
.main-nav .dropdown-menu-tab .notice-list a{display: block;width: 100%;height: 100%;overflow: hidden;padding: 0 20px;background: #fff;transition: .3s;}
.main-nav .dropdown-menu-tab .notice-list a:hover{background: #e6f7ff;}
.main-nav .dropdown-menu-tab .comment{float: left;width: 100%;padding:20px 0;border: none;}
.main-nav .dropdown-menu-tab .comment .content{padding-left: 55px;}
.main-nav .dropdown-menu-tab .comment img{width: 42px;display: block;height: auto;border-radius: 50%;}
.main-nav .dropdown-menu-tab .comment .avatar{padding:0;padding-top: 0px;margin-top: 15px;}
.main-nav .dropdown-menu-tab .comment .text-muted a{padding: 0;height: 20px;line-height: 20px;color: #333;}
.main-nav .dropdown-menu-tab .comment .text-muted a:hover{color:#1890ff;}
.main-nav .dropdown-menu-tab .comment .text{overflow: hidden;height: 12px;line-height: 12px;margin-top: 0;color: #aaa;}
.main-nav .nav-pills>li.active.notice>a{background: #fff;color: #333;}
.main-nav .nav-pills>.active.notice>a>.label{background: #ea644a;color:#fff ;}

.user-top{height:180px;background:url(../img/userbg.jpg) center center;line-height:140px;}
.user-top .avatar img{width:80px;border-radius:50%;}
.user-top .avatar .name{padding-left:20px;color:#fff;font-size:16px;}
.user-top .total ul{display:inline-block;}
.user-top .total ul{margin-top:46px;line-height:24px;}
.user-top .total ul li{position:relative;display:inline-block;text-align:center;}
.user-top .total ul li::after{position:absolute;top:8px;right:0;display:block;width:1px;height:40px;background:#fff;content:'';opacity:.3;transform:rotate(15deg);}
.user-top .total ul li.last::after{display:none;}
.user-top .total ul li .text{display:inline-block;padding-bottom:5px;width:100%;color:rgba(255,255,255,.8);}
.user-top .total ul li .num{display:inline-block;width:100%;color:#fff;font-size:22px;}
.user-top .total ul li .num em{padding-left:10px;font-size:12px;}
.user-top .total ul .btn{margin:0 0 30px 30px;width:140px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}




.user-main-content .wrap{margin-top:-30px;padding:0;}
.user-main-content .left-box{margin-right:20px;width:175px;vertical-align:top;}
.user-main-content .right-box{width:1005px;}
.user-main-content .right-box .breadcrumb{padding-left:20px;}
.course-list{overflow:hidden;}
.user-main-content .left-box .bg-panel{padding:20px 0;}
.user-main-content .left-box .nav>.nav-heading{padding:8px 20px;color:#aaa;font-weight:100;font-size:12px;}
.user-main-content .left-box .nav>.nav-heading.sub-title{margin-top:25px;}
.user-main-content .left-box .nav>li>a{padding:16px 20px;}
.user-main-content .left-box .nav-stacked.nav-secondary>li>a{-webkit-box-shadow:inset 2px 0 0 transparent;box-shadow:inset 2px 0 0 transparent;}
.user-main-content .left-box .nav-stacked.nav-secondary>li.active>a{-webkit-box-shadow:inset 2px 0 0 #3280fc;box-shadow:inset 2px 0 0 #3280fc;}


.screen-list{margin-bottom: 20px;}
.screen-list .sub{margin-top: 10px;}
.screen-list i{margin-left: 10px;}
.screen-list .nav>li>a{padding:6px 20px;}
.screen-list .search{width: 400px;margin-left: 20px;}
.screen-list .pull-right {color: #aaa;}
.screen-list .pull-right em{font-style: normal;padding: 0 10px;color:#333; }
.screen-list span.title {display: block;float: left;}
.screen-list span.title em{display: block;padding: 6px 20px;color: #aaa;}


.screen-list .nav-tabs.nav>li>a{border: none;border-bottom:transparent 2px solid;}
.screen-list .nav-tabs.nav>li.active>a{border-bottom:#1890ff 2px solid;color: #1890ff ; }

.course-list li.bg-panel{overflow:hidden;margin-bottom:20px;padding:0;}
.course-list li:last-child.bg-panel{margin-bottom:0;}
.course-list .title{overflow:hidden;padding:20px;background:#f5fafa;font-size:18px;}
.course-list .title .pull-right a{color:#aaa;font-size:12px;line-height:27px;}
.course-list .title .pull-right a:hover{color:#1890ff;}
.course-list .title .text{overflow:hidden;width:850px;text-overflow:ellipsis;white-space:nowrap;}
.course-list .content{overflow:hidden;padding:20px;}
.course-list .content .progress-box{float:right;overflow:hidden;padding-top:10px;}
.course-list .content .detail{float:left;width:800px;}
.course-list .content .detail hr{margin:15px 0 5px 0;}
.course-list .content .detail .pic a{display:block;width:100%;height:100%;-webkit-transition:all .2s linear;transition:all .2s linear;}
.course-list .content .detail .pic:hover a{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);.brick-item-ac
    transform:translate3d(0,-2px,0);}
.course-list .content .detail .pic img{width:100%;}
.course-list .content .detail .num{margin-bottom:10px;}
.course-list .content .detail .num em{padding:0 5px;color:#1890ff;}
.course-list .content .detail .sub{padding-bottom:5px;color:#aaa;font-size:12px;}
.course-list .content .detail .text{font-size:14px;}
.course-list .content .detail .icon{position:relative;top:2px;overflow:hidden;padding-right:5px;width:20px;height:20px;vertical-align:-.15em;fill:currentColor;}
.course-list .content .detail .tool-box ul li{display:inline-block;margin-right:15px;}
.course-list .content .detail .tool-box ul li a{color:#777;}
.course-list .content .detail .tool-box ul li a:hover{opacity:.7;}
.user-main-content .right-box li.bg-panel.noinfo-tip{padding:100px 0;text-align:center;font-size:18px;}
.user-main-content .right-box li.bg-panel.noinfo-tip a{padding:0 5px;color:#1890ff;}
.user-main-content .right-box li.bg-panel.noinfo-tip a:hover{opacity:.75;}
.user-main-content .right-box li.bg-panel.noinfo-tip .text{margin-top:35px;}
.user-main-content .right-box li.bg-panel.noinfo-tip img{width:200px;}
.input-control.has-icon-left>.form-control{padding-left:30px;}



.order-list li.bg-panel{padding: 0;margin-bottom: 20px; overflow:hidden;}
.order-list li:last-child.bg-panel{margin-bottom: 0px;}
.order-list .title{padding: 20px;background: #f5fafa;font-size: 12px;overflow: hidden;}
.order-list .title .time{margin-right: 20px;}
.order-list .title em{color: #aaa;}
.order-list .content{padding:20px;overflow:hidden}
.order-list .content .text{font-size: 16px;}
.order-list .content .price{color: #fa8c16;font-size: 14px;padding-top: 10px;}
.order-list .content .price.free{color: #a0d911;}
.order-list .content .detail .pic a{display:block;width:100%;height:100%;-webkit-transition:all .2s linear;transition:all .2s linear}
.order-list .content .detail .pic:hover a{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);.brick-item-ac
    transform:translate3d(0,-2px,0)}
.order-list .state{text-align: center;border-left:#eee 1px solid;border-right:#eee 1px solid;}
.order-list .state ul,.order-list .operation ul{height: 80px;}
.order-list .state em{font-size: 10px;color: #aaa;}
.order-list .operation{text-align: center;}
.order-list .operation .btn{padding:2px 15px;}
.order-list .operation .btn-default{border: none;background: #fff;margin-top: 5px;color: #aaa;}

/*账号注册*/
.register-modal .modal-dialog{width: 450px;}
.register-modal .modal-content{padding:20px 30px;}
.register-modal .modal-body{padding:20px 0;}
.register-modal .title{position: relative; font-size: 20px;text-align: center;}
.register-modal .title button{position: absolute;top: -35px;right: -20px;transition: .3s;}
.register-modal .title button span{font-size: 32px;font-weight: 100;}
.register-modal .title a{float: left;}
.register-modal .title a i{font-size: 18px;}
.register-modal .form-group{position: relative;margin:25px 0;}
.register-modal .form-group label{position: absolute;font-size: 16px;font-weight: 100;top:13px;padding-left: 15px;color: #aaa;}
.register-modal .form-group label i{font-size: 18px;position: relative;top: 1px;}
.register-modal .form-group input{height: 50px;font-size: 16px;text-indent: 2em;}
.register-modal .form-group input::-webkit-input-placeholder {color: #aaa;}
.register-modal .form-group .link{font-size: 14px;}
.register-modal .form-group .link a{ color:#1890ff;}
.register-modal .form-group .link a:hover{opacity: .75;}
.register-modal .form-group.phone input{text-indent: 4em;}
.register-modal .form-group.last{margin-bottom:0;overflow: hidden;}
.register-modal .btn-primary{width: 100%;height: 50px;font-size: 16px;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.register-modal .modal-footer{position: relative;}
.register-modal .modal-footer .sub-title{position: absolute;left: 50%;margin-left:-55px;padding: 5px 16px; background: #fff;top: -15px;}
.register-modal .modal-footer .list{text-align: center;}
.register-modal .modal-footer .row{margin-top: 20px;}
.register-modal .modal-footer .row i{font-size: 34px;}
.register-modal .modal-footer .row a:hover{opacity: .75;}
.register-modal .modal-footer .row i.icon1{color: #d2ad58;}
.register-modal .modal-footer .row i.icon2{color: #ff7665;}
.register-modal .modal-footer .row i.icon3{color: #30ce39;}
.register-modal .modal-footer .row i.icon4{color:#2ab6fa ;}
.register-modal .bv-form .help-block{position: absolute;right: 0;z-index: 99;margin-top: 3px;}

.register-modal .form-group .code-box{position: absolute;right: 0;top:0;}
.register-modal .form-group .code-box input{background:#1890ff;border: none;text-indent: 0;text-align: center;width: 150px;font-family: 微软雅黑;color: #fff;cursor:pointer ;border-top-right-radius:4px;border-bottom-right-radius:4px; }
.register-modal .form-group .code-box input:hover{opacity: .95;}
.register-modal .form-group .code-box input[disabled]{ background-color: #A9A9A9; color: #666;}


.register-modal .register-content2{display: none;}
.register-modal .phone-content{display: none;}

.qrcodeloginbox .wrap{text-align: center;position: relative;margin-top: 20px;}
.qrcodeloginbox img{width: 150px;}
.qrcodeloginbox .refresh{position: absolute;top:0;padding-top: 55px;height:150px;width: 100%;background: rgba(255, 255, 255, .95);}
.qrcodeloginbox .refresh .btn{width: 70px;height: 30px;font-size: 12px;margin-top:10px;}
.qrcodeloginbox .text{text-align: center;margin-top:20px;color: #aaa;}
.qrcodeloginbox .text .iconfont{position: relative;top: 4px; color: #1890ff;font-size: 28px;margin-right: 10px;}


.article-page{background: #fff;}
.article-page .clear{clear: both;margin:60px 0;}
.article-top{height:300px;}
.article-top.bg2{background:url(../img/bg2.jpg) center center no-repeat;}
.acticle-content{overflow:hidden;font-size: 15px;line-height: 32px;color: }
.acticle-content .title{position: relative; font-size: 20px;margin-bottom: 20px;color: #333;}
.acticle-content .title:after{content: '';display: block;position: absolute;top: 50px; width: 100px;height: 3px;background:#1890ff; }
.acticle-content .content{color: #888;overflow: hidden;}
.acticle-content .pic{padding:20px 0;}
.acticle-content .pic img{width: 100%;}
.acticle-content .left-padding{padding-left: 0;}
.acticle-content .right-padding{padding-right: 0;}
.acticle-content .icon-box{margin:40px auto 0 auto;text-align: center;}
.acticle-content .icon-box img{width: 100px;}
.acticle-content strong{color: #333;margin-right:20px;font-weight: 100;}
.acticle-content .content hr{border-top:1px dashed #e1e4ec; }

.play-page{position:fixed;top:0;left:0;padding:10px 20px;width:100%;height:100%;background-color:#e5e5e5;}
.play-content{overflow:hidden;width:100%;height:100%;}
.video-box{overflow:hidden;width:100%;height:100%;min-width:1000px;transition:all ease-out .3s;}
.play-content.active{padding-right:420px;}
.play-content .link-box{padding-top: 10px;}
.play-content .link-box ul li.link-list{display: inline;margin:0 10px;height: 32px;line-height: 32px;font-size: 14px;}
.play-content .link-box ul li.link-list .btn-group{position: relative;top: -2px;}
.play-content .link-box ul li.link-list:first-child{margin-left:0;}
.play-content .link-box ul li i{padding-right: 5px;color: #aaa;transition: .3s;}
.play-content .link-box ul li a:hover i{color: #1890ff;}
.play-content .link-box ul li.pull-right{position: relative;top: 5px;width: 200px;text-align: right;}
.play-head .btn{float:left;margin-right:20px;}
.play-head .btn i{padding-right:10px;}
.play-head .title{margin-bottom:10px;height:32px;font-size:16px;line-height:32px;}
.play-tool{position:absolute;top:0;right:0;right:-420px;bottom:0;width:420px;background-color:#fff;-webkit-box-shadow:-1px 0 5px rgba(0,0,0,.1);-moz-box-shadow:-1px 0 5px rgba(0,0,0,.1);box-shadow:-1px 0 5px rgba(0,0,0,.1);transition:all ease-out .3s;}
.play-tool.active{right:0;}
.play-tool .play-tool-bar{position:absolute;top:50%;left:-60px;margin-top:-125px;}
.play-tool .play-tool-bar ul{width:60px;}
.play-tool .play-tool-bar ul li{float:left;display:block;margin-bottom:5px;width:60px;height:70px;}
.play-tool .play-tool-bar ul li .btn{padding:0;width:100%;height:100%;border:none;border-radius:0;background:#fff;-webkit-box-shadow:-1px 0 10px rgba(0,0,0,.1);-moz-box-shadow:-1px 0 10px rgba(0,0,0,.1);box-shadow:-1px 0 10px rgba(0,0,0,.1);transition:all ease-out .3s;}
.play-tool .play-tool-bar ul li .btn i{display:block;padding-bottom:5px;width:100%;text-align:center;font-size:18px;}
.play-tool .play-tool-bar ul li.active .btn{background:#3280fc;color:#fff;}
.play-tool .play-tool-bar ul li:hover .btn{background:#3280fc;color:#fff;}
.play-tool-content .tab-pane{overflow: hidden; overflow-y: visible;}


.play-video-list{padding:20px;}
.play-video-list .tip{width:30px;height: 32px;margin-right: 10px;float: left;text-align: center; }
.play-video-list .tip i{margin:0;}
.play-video-list .title{float:left;width:310px;}
.play-video-list ul li{position:relative;display:block;overflow:hidden;margin-bottom:20px;border-radius:4px; background:#f4f4f4;color:#333;font-size:14px;transition:.3s;}
.play-video-list ul li .badge.free{position:absolute;top:0;right:0;z-index:99;overflow:hidden;padding:0;width:20px;height:20px;background:rgba(82,196,26,1);color:#fff;text-align:center;font-size:10px;line-height:20px;}
.play-video-list ul li:last-child{margin-bottom:0;}
.play-video-list ul li i{margin-left:15px;color:rgba(82,196,26,.5);transition:.3s;}
.play-video-list ul li .section{display:inline-block;margin-right:10px;width:50px;color:#1890ff;}
.play-video-list ul li .time{margin-left:10px;color:#aaa;}
.play-video-list ul li .progress{float:right;margin-left:15px;color:rgba(82,196,26,1);}
.play-video-list ul li a{display:block;overflow:hidden;padding:10px;line-height: 31px;width:100%;height:100%;color:#333;}
.play-video-list ul li:hover{background:rgba(0,132,255,.1);}
.play-video-list ul li:hover i{color:rgba(82,196,26,1);}
.play-video-list ul li.active{background:rgba(0,132,255,.1);}
.play-video-list ul li.active i{color:rgba(82,196,26,1);}
.play-video-list ul h4{margin:25px 0;}


.play-note-box{padding:20px;}
.play-note-box .col-xs-5{padding-left:0;height:32px;line-height:32px;}
.play-note-box .col-xs-6{padding-right:0;text-align:right;}
.play-note-box .col-xs-6 .btn{width:140px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.play-comment-box{padding:20px;}
.play-comment-box .title{margin-right:15px;margin-bottom:20px;padding-left:10px;border-left:#1890ff 3px solid;color:#333;font-size:16px;}
.play-comment-box .input-control{margin-bottom:10px;}
.play-comment-box .btn{margin-top:10px;width:140px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.play-comment-box .btn.cancel{box-shadow: none;border: none;background: transparent;}
.play-comment-box .btn.cancel:hover{opacity: .75;}
.play-comment-list{margin-top:20px;padding:20px;}
.play-comment-list .title{margin-right:15px;margin-bottom:20px;padding-left:10px;border-left:#1890ff 3px solid;color:#333;font-size:16px;}
.play-comment-list ul li{padding:15px 0;border-bottom:#eee 1px solid;line-height:24px;}
.play-comment-list ul li i{margin-right:10px;color:rgba(24,144,255,.5);}
.play-comment-list .text{font-size:14px;}
.play-comment-list .text .label{margin-right: 5px;}
.play-comment-list .sub{margin-top:10px;color:#aaa;font-size:12px;}
.play-comment-list .sub a{color:rgba(24,144,255,.75);}
.play-comment-list .sub a:hover{color:rgba(24,144,255,1.5);}
.play-comment-list .sub span{margin-right:15px;}
.play-comment-list .sub span.status{color:rgba(82,196,26,1);}


.play-comment-answer-list{padding:20px;}
.play-comment-answer-list .btn i{margin-right:5px;}
.play-comment-answer-list .title{margin-top:40px;margin-bottom: 40px;}
.play-comment-answer-list .answer-list .title{margin-top: 0px;margin-bottom: 0;}
.play-comment-answer-list .title .label-box{margin-bottom: 20px;}
.play-comment-answer-list .title em img{width: 42px;border-radius: 4px;margin-right: 5px;}
.play-comment-answer-list .title .text .label{margin-right:10px;}
.play-comment-answer-list .title .text .text{color:#333;font-size:16px;}
.play-comment-answer-list .title .text .text em.badge{color: #aaa;margin-right: 10px;}
.play-comment-answer-list .title .sub{margin-top:5px;color:#aaa;}
.play-comment-answer-list .title .time{margin-left: 20px;float: right;}
.play-comment-answer-list .sub{margin-top:10px;color:#aaa;}
.play-comment-answer-list .sub .label{margin:0 5px;padding: 1px 2px;position: relative;top: -1px;}
.play-comment-answer-list .sub a{margin-right:15px;color:rgba(24,144,255,.75);}
.play-comment-answer-list .sub a:hover{color:rgba(24,144,255,1);}
.play-comment-answer-list .sub.pull-right{cursor: pointer;margin-top: 0;}
.play-comment-answer-list .answer-list ul li{padding:15px 0;border-bottom:#eee 1px solid;line-height:24px;}
.play-comment-answer-list .answer-list ul li:first-child{border-bottom:none;}
.play-comment-answer-list .answer-list ul li:last-child{border-bottom:none;}
.play-comment-answer-list .answer-list .text em{padding-right: 10px;}
.play-comment-answer-list .answer-list .text em.avatar img{width: 26px;border-radius: 4px;}
.play-comment-answer-list .answer-list .text em.badge{color: #aaa;}
.play-comment-answer-list .answer-list .time{float: right;margin-left: 20px;}
.play-comment-answer-list .answer-list .agree{float: right;margin-left:20px;cursor: pointer; transition: .3s;}
.play-comment-answer-list .answer-list .agree:hover{color:rgba(82,196,26,1);}
.play-comment-answer-list .answer-list .agree i{margin-right: 5px;}
.play-comment-answer-list .answer-list .dialogue{float: right; margin-left:20px;cursor: pointer;transition: .3s;;}
.play-comment-answer-list .answer-list .dialogue:hover{opacity: .75;}
.play-comment-answer-list .answer-list .dialogue i{margin-right: 5px;}


.modal.in .modal-dialog.modal-replay .modal-body{height: 600px;overflow: hidden;overflow-y: visible;}
.modal.in .modal-dialog.modal-replay .modal-body em.badge{color: #aaa;margin-right: 10px;}
.modal.in .modal-dialog.modal-replay .modal-footer{background: #f0f1f2;}

.tab-pane .sub.pull-right{/*visibility: hidden*/;opacity: 1;transition:.3s;color: #ccc;}
/*.tab-pane li:hover .sub.pull-right{visibility: visible;opacity: 1;}
.tab-pane .title:hover .sub.pull-right{visibility: visible;opacity: 1;}*/

.modal-dialogue .agree{margin-left:20px;cursor: pointer; transition: .3s;color: #aaa;}
.modal-dialogue .agree:hover{color:rgba(82,196,26,1);}
.modal-dialogue .agree i{margin-right: 5px;}
.modal-dialogue .avatar img{border-radius: 4px;}
.modal-dialogue .col-xs-9{padding-left: 0;margin-top: 10px;}
.modal-dialogue .comment{padding:20px 0;}
.modal-dialogue .modal-body{padding-top: 0;}
.modal-dialogue .text{font-size: 14px;}
.modal-dialogue .comment a{color:rgba(24,144,255,1);opacity: 1; transition:.3s ease; }
.modal-dialogue .comment a:hover{opacity: .75;}


.course-detail-body .comment-box.detail .screen-list .sub{margin-top: 0;}

.teacher-top{background:url(../img/teacherbg.jpg) center center;height: 150px;}
.teacher-top .container{position: relative;}
.teacher-top .avatar{position: relative;}
.teacher-top .avatar .label{position: relative;top: -2px;left: 5px;}

.teacher-top.user-top.top2{background:url(../img/userbg2.jpg) center center;}

.teacher-nav{border-bottom: #ddd 1px solid;}
.teacher-nav em{padding-left: 5px;}
.teacher-nav.nav-secondary>li>a{font-size: 16px;padding: 15px 50px;border-bottom: transparent 3px solid;background: transparent;color: #aaa;margin-bottom: -3px;}
.teacher-nav.nav-secondary>li.active>a{border-bottom: #1890ff 3px solid;color: #1890ff;}
.teacher-content .pull-left.col-xs-12{padding-right: 0;}
.teacher-content p{font-size: 14px;line-height: 28px;text-indent: 2em;min-height: 300px;}

.teacher-content .fan-list .media img{width: 60px;border-radius: 50%;margin-right: 10px;}
.teacher-content .fan-list .item{padding: 20px 0;}
.teacher-content .fan-list ul li{width: 50%;float: left;}
.teacher-content .fan-list .sub{color: #aaa;}
.teacher-content .fan-list .name{font-size: 16px;}
.teacher-content .fan-list .sub span{margin-right: 20px;}
.teacher-content .fan-list .sub em{color: #1890ff;padding: 0 5px;}
.teacher-content .fan-list .text-muted{color: #aaa;}


.course-list.note-list .item-heading .label{cursor: pointer;transition: .3s;}
.course-list.note-list .item-heading .label:hover{opacity: .75;}
.course-list.note-list .detail{width: 100%;}
.course-list.note-list .detail .title{background: transparent;padding: 0;margin-bottom: 5px;font-size: 14px;}
.course-list.note-list .item{padding: 25px 20px;}
.course-list.note-list .item .agree{margin-left:20px;cursor: pointer; transition: .3s;color: #aaa;}
.course-list.note-list .item .agree:hover{color:rgba(82,196,26,1);}
.course-list.note-list .item .agree i{margin-right: 5px;}
.course-list.note-list .item .class em{padding-right: 10px;color: #aaa;}
.course-list.note-list .item .class a{color: #1890ff;}
.course-list.note-list .item .class a:hover{opacity: .9;}
.course-list.note-list .item .item-content{margin: 10px 0;font-size: 14px;}
.course-list.note-list .item .text-muted{color: #aaa;}
.course-list.note-list .item textarea{display: none;margin: 10px 0;}
.course-list.note-list .item .edit-bt{margin-left: 10px;position: relative;top: -2px;display: none;}
.course-list.note-list .item.active textarea{display: block;}
.course-list.note-list .item.active .item-content{display: none;}
.course-list.note-list .item.active .agree.edit i{color:rgba(82,196,26,1);}
.course-list.note-list .item.active .agree.edit{color:rgba(82,196,26,1);}
.course-list.note-list .item.active .edit-bt{display: inline;}
.course-list.note-list .tool-box{text-align: right;}
.course-list.note-list .tool-box .btn{margin-top: 25px;padding: 5px 20px;}

.course-list.my-replay .text{background: #fafafa;border: 1px solid #dcdcdc;padding: 10px;}

.user-comment-list .play-comment-list{margin:0;padding: 0;}
.user-comment-list .play-comment-list ul li{padding: 15px 0;}
.user-comment-list .play-comment-list ul li:last-child{border: none;}
.user-comment-list .play-comment-answer-list .title{font-size: 14px;}
.user-comment-list .play-comment-answer-list{padding: 0;}
.user-comment-list .play-comment-answer-list .answer-list li:first-child{border-bottom: #eee 1px solid;}

.screen-list.note-screen .screen .chosen-container{display: none;position: absolute;z-index: 99;left: 120px;top: -4px;}
.screen-list.note-screen .screen li{position: relative;}
.screen-list.note-screen .screen li.active .chosen-container{display: block;min-width: 400px;margin-top: 4px;}
.screen-list.note-screen .screen li.active .chosen-container .chosen-choices{border-radius: 0;}
.screen-list.note-screen .screen .chosen-container-multi .chosen-choices li.search-field:before{top: 3px;}


/*圆形进度条*/
.play-video-list .progress-box{float: left;margin-right: 10px;position: relative;top: -1px;}
.play-video-list .circles{margin-bottom:-10px}
.play-video-list .circle{width:30px;margin:0;display:inline-block;position:relative;text-align:center;line-height:1.2}
.play-video-list.circle canvas{vertical-align:top}
.play-video-list .circle strong{position:absolute;top:6px;left:-6px;text-align:center;}
.play-video-list .circle strong i{font-style:normal;font-size:.4em;font-weight:100}
.play-video-list .circle span{display:block;color:#aaa;margin-top:12px}
.play-video-list .circle strong em{font-size: 10px;color: #aaa;}



/*课程详情*/
.course-detail-top .pic{position:relative;float:left;margin-right:20px;padding-left:0;width:550px;cursor:pointer;}
.course-detail-top .pic a{position:absolute;top:0;left:0;display:block;visibility:hidden;width:100%;height:100%;background:rgba(0,0,0,.3);text-align:center;opacity:0;transition:.3s ease;}
.course-detail-top .pic a i{position:absolute;top:50%;margin-top:-24px;margin-left:-32px;color:#fff;font-size:68px;opacity:0;transition:.3s ease;}
.course-detail-top .pic:hover a{visibility:visible;opacity:1;}
.course-detail-top .pic:hover i{margin-top:-32px;opacity:.8;}
.course-detail-top .detail{float:left;padding-right:0;width:calc(100% - 570px);}
.course-detail-top .detail .title{margin-bottom:20px;font-size:22px;}
.course-detail-top .detail .badge-list{margin-bottom:10px;overflow: hidden;height: 24px;}
.course-detail-top .detail .badge-list .label-primary{border:#1890ff 1px solid;background:0 0;color:#1890ff;}
.course-detail-top .detail .total ul li.total-num{position:relative;display:inline-block;color:#aaa;font-size:14px;}
.course-detail-top .detail .total ul li.total-num:after{position:relative;top:-.06em;left:3px;display:inline-block;margin:0 15px;width:1px;height:.9em;background:#e8e8e8;color:rgba(0,0,0,.65);content:'';vertical-align:middle;}
.course-detail-top .detail .total ul li.total-num:last-child:after{display:none;}
.course-detail-top .detail .total ul li.total-num a{margin-right:20px;color:#aaa;transition:.3s;}
.course-detail-top .detail .total ul li.total-num a i{padding-right:5px;}
.course-detail-top .detail .total ul li.total-num a:hover{color:#1890ff;}
.course-detail-top .detail .total ul li.total-num a.acitve i{color:#1890ff;}
.course-detail-top .detail .total ul li.total-num .dropdown{display: inline-block;}
.course-detail-top .detail .total ul li.total-num .dropdown-menu a{font-size: 16px;padding: 10px;margin-right:0;}
.course-detail-top .detail .total ul li.total-num .dropdown-menu a:hover{color: #fff;}
.course-detail-top .detail .total ul li.total-num .dropdown-menu a i{font-size: 24px;position: relative;top: 2px;margin-right: 10px;}
.course-detail-top .detail .total ul li.total-num .dropdown-menu a i.icon1{color: #30ce39}
.course-detail-top .detail .total ul li.total-num .dropdown-menu a i.icon2{color: #2ab6fa}
.course-detail-top .detail .total ul li.total-num .dropdown-menu a i.icon3{color: #ff7665}
.course-detail-top .detail .total{margin-bottom:10px;}
.course-detail-top .status{margin-bottom:10px;color:#aaa;}
.course-detail-top h2{margin-bottom:20px;padding:10px;background:#eee;color:#fa8c16;font-weight:100;}
.course-detail-top h2.free{color:#30ce39;}
.course-detail-top .button-box .btn{margin-right:20px;padding:10px 46px;border:transparent 1px solid;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);font-size:18px;}
.course-detail-top .button-box .btn.btn-default{border:#1890ff 1px solid;background:0 0;box-shadow:none;color:#1890ff;}
.course-detail-top .button-box .btn.btn-default:hover{background:#f8f8f8;}

.course-detail-body{margin-top: 20px;}
.course-detail-body .right-box{width: 330px;background: #ddd;}
.course-detail-body .content{width: calc( 100% - 350px);padding: 0;}
.course-detail-body .content .tab-content{padding:20px;min-height: 350px;}
.course-detail-body .content .nav-secondary>li a{font-size: 16px;padding: 10px 40px;border: none;border-top: 3px solid transparent;}
.course-detail-body .content .nav-secondary>li.active>a{border-top: 3px solid #1890ff;}
.course-detail-body .content .nav-secondary>li.active>a:focus{background: transparent;}
.course-detail-body .content .nav-secondary>li.active>a:hover{background: transparent;}

.course-detail-body .play-video-list.detail-video-list{padding: 0;}
.course-detail-body .play-video-list.detail-video-list .title{width: calc( 100% - 42px);}
.course-detail-body .play-video-list.detail-video-list .title .progressnum{color: rgba(82, 196, 26, 1);float: right;}

.course-detail-body .teacher-box{background: #fff;border: #eee 1px solid;padding: 20px;text-align: center;}
.course-detail-body .teacher-box img{width: 100%;border-radius: 50%;transition:.3s;}
.course-detail-body .teacher-box .img a{display: block;width:70px;height: 70px;margin:20px auto;overflow: hidden;}
.course-detail-body .teacher-box .img a:hover img{opacity: .85;}
.course-detail-body .teacher-box .name{font-size: 18px;color: #111;margin-bottom: 5px;}
.course-detail-body .teacher-box .sub-name{font-size: 12px;color: #aaa;margin-bottom: 20px;}
.course-detail-body .teacher-box hr{margin:15px 0;}
.course-detail-body .teacher-box .detail{font-size: 12px;color: #777;line-height: 24px;text-align: left;}
.course-detail-body .teacher-box li.first {border-right: #eee 1px solid;}
.course-detail-body .teacher-box .text{font-size: 17px;}
.course-detail-body .teacher-box .text a{color: #1890ff;transition: .3s;}
.course-detail-body .teacher-box .text a:hover{opacity: .85;}
.course-detail-body .teacher-box .sub{color: #aaa;}

.course-detail-body .comment-box{padding:35px 0px;}
.course-detail-body .comment-box .col-xs-9{padding-left: 0;}
.course-detail-body .comment-box .col-xs-3{padding-right: 0;}
.course-detail-body .comment-box .in-kecheng-main-list-notice{margin:0;line-height: 24px;}
.course-detail-body .comment-box .am-tabs-bd .am-tab-panel.am-active{padding: 0;}
.course-detail-body .comment-box .am-nav-tabs>li>a{color: #aaa;padding: 10px 50px;}
.course-detail-body .comment-box .am-nav-tabs>li.am-active>a{ color: #1890ff;border: #eee 1px solid;  border-bottom-color: transparent;}
.course-detail-body .comment-box .in-kecheng-main-list-nr{margin-bottom: 0;}
.course-detail-body .comment-box .in-kecheng-main-list-nr a.am-list-item-hd{color: #333;}
.course-detail-body .comment-box .am-tabs-bd{border: 1px solid #eee;border-top: none; }
.course-detail-body .comment-box .am-nav-tabs{border-bottom: 1px solid #eee;}


.couse-comment-box .star-box{margin-top: 0;}
.couse-comment-box .star-box ul li{display: inline;margin-top: }
.couse-comment-box .star-box ul li i{color: #ffb200;font-size: 18px;}
.couse-comment-box .star-box .label{font-size: 12px;font-weight: 100;}
.couse-comment-box .am-list-item-text{height: auto;}
.couse-comment-box img{border-radius: 50%;}
.couse-comment-box .text{line-height: 24px;font-size: 14px;line-height: 28px;}
.couse-comment-box .teacher-text{color: #1890ff;width: 100%;overflow: hidden;}
.couse-comment-box .teacher-text hr{border-top: dotted 1px #ddd;}
.couse-comment-box .sub{font-size: 12px;margin-top: 10px;color: #aaa;display: inline-block;margin-right: 20px;}
.couse-comment-box .sub.pull-right{margin-right: 0;cursor: pointer;}
.couse-comment-box .sub.thumbs{cursor: pointer;transition:.3s;}
.couse-comment-box .sub.thumbs em{margin-left:5px;}
.couse-comment-box .sub.thumbs:hover{color: rgba(82, 196, 26, 1); }
.couse-comment-box .sub.thumbs.acitve{color: rgba(82, 196, 26, 1);}
.couse-comment-box .comment-head{background: #f4f4f4; padding:15px;width: 100%;overflow:hidden;}
.couse-comment-box .comment-head .pull-left{text-align: center;overflow:hidden;}
.couse-comment-box .comment-head .pull-left .num{font-size: 24px;}
.couse-comment-box .comment-head .pull-left .sub{margin: 0;}
.couse-comment-box .comment-head .pull-right{position: relative;top: 3px;}
.couse-comment-box .comment-head .pull-right ul li{display: inline-block;margin-top:15px;}
.couse-comment-box .comment-head .pull-right ul li em{padding-left: 5px;color: #aaa;}

.couse-comment-box .comment-list{padding:20px 0;overflow: hidden;border-bottom: #eee 1px solid;}
.couse-comment-box .comment-list:last-child{border: none;}
.couse-comment-box .am-list-thumb{text-align: center;}
.couse-comment-box .am-list-thumb .name{font-size: 12px;display: block;margin-top: 5px; text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.couse-comment-box .am-list-news-default .am-list>li{border-color: #eee;}
.couse-comment-box .am-list-news-default{margin:35px 0 0 0;}


.course-detail-body .comment-box {padding-top: 0;}
.course-detail-body .comment-box.note-box .comment-head.screen{background: #f4f4f4;padding: 0px;}
.course-detail-body .comment-box.note-box .comment-head.screen .pull-right.num{position: relative;margin: 13px 20px 0 0;}
.course-detail-body .comment-box.note-box .comment-head.screen .chosen-container{display: none;position: absolute;z-index: 99;left: 100px;top: 2px;}
.course-detail-body .comment-box.note-box .comment-head.screen li{position: relative;}
.course-detail-body .comment-box.note-box .comment-head.screen li.active .chosen-container{display: block;min-width: 400px;margin-top: 4px;}
.course-detail-body .comment-box.note-box .comment-head.screen li.active .chosen-container .chosen-choices{border-radius: 0;}
.course-detail-body .comment-box.note-box .comment-head.screen .chosen-container-multi .chosen-choices li.search-field:before{top: 3px;}
.course-detail-body .comment-box.note-box .comment-head.screen li a{border-bottom: transparent 2px solid;margin-bottom: -2px;}
.course-detail-body .comment-box.note-box .comment-head.screen li.active a{background: none;color: #1890ff;border-bottom: #1890ff 2px solid;border-radius: 0;}

.course-detail-body .screen-list .nav>li>a{border-radius: 0;padding:12px 20px;}
.course-detail-body .screen-list .screen{border:solid 1px #e8e8e8}
.course-detail-body .screen-list .screen:first-child{border-bottom: none;}
.course-detail-body .screen-list .screen.sub{margin-top: 0;border-bottom: #ddd 1px solid;}
.course-detail-body .input-group{margin: 7px 20px 0 0;}
.course-detail-body .input-group .btn{border-radius: 0;}
.course-detail-body .input-group input{border-radius: 0;}
.course-detail-body .screen-list .sub .pull-right{width: 300px;}


.course-detail-body .file-down thead th{background: #fff;font-weight: 100;color: #aaa;}
.course-detail-body .file-down td{border-bottom: #eee 1px solid;font-size: 14px; padding: 0px 10px;vertical-align:middle;}
.course-detail-body .file-down td em{position: absolute;right: 15px;visibility: hidden;opacity: 0; 
	padding-left: 10px;color: rgba(82, 196, 26, 1);transition: .3s ease;}
.course-detail-body .file-down td em i{font-size: 18px;position: relative;top: 1px;}
.course-detail-body .file-down td a{width: 650px; position: relative;display: block;height: 100%;padding: 20px 0;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 30px; }
.course-detail-body .file-down td:hover em{visibility:visible;opacity: 1;}


/*结算中心*/
.check-box .table>thead>tr>th{border:none;background:#fff;color:#aaa;font-weight:100;}
.check-box .table td{border:none;color:#333;vertical-align:middle;font-size:16px;}
.check-box .table td .img{display:inline-block;width:150px;}
.check-box .table td .img img{width:100%;}
.check-box .table td .text{display:inline-block;padding-left:20px;}
.check-box .title{margin-bottom:20px;color:#333;font-size:18px;}
.check-box .price{color:#f64b23;text-align:right;font-size:24px;}
.check-box .text{height:32px;color:#333;font-size:16px;line-height:32px;}
.check-box .text i{margin:0 5px 0 20px;color:#aaa;}
.check-box .text.sub{color:#aaa;font-size:14px;}
.check-box .text em{padding:0 10px;color:#f64b23;font-size:16px;}
.check-box .price em{margin-right:10px;color:#aaa;font-size:14px;}
.check-box .text span{margin-right:20px;}
.check-box .total .button-box{margin-top:20px;text-align:right;}
.check-box .total .button-box .btn{padding:10px 46px;border:transparent 1px solid;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);font-size:18px;}
.check-box .total .button-box .btn.cancel{border:none;background:0 0;box-shadow:none;}
.check-box .total .button-box .btn.cancel:hover{opacity:.75;}
.pay-box ul li{position:relative;display:inline-block;margin-right:20px;width:148px;cursor:pointer;}
.pay-box ul li img{width:100%;border:1px solid #ccc;transition:.3s ease;}
.pay-box ul li.active img{border:1px solid #ff6029;}
.pay-box ul li .check{position:absolute;top:0;right:0;visibility:hidden;width:16px;height:16px;background:#ff6029;opacity:0;transition:.3s ease;}
.pay-box ul li .check i{position:relative;top:-3px;left:2px;color:#fff;font-size:10px;}
.pay-box ul li.active .check{visibility:visible;opacity:1;}
.pay-box .total .button-box{text-align:left;}
.pay-box .main{display:inline-block;width:100%;}


.msg{text-align:center;}
.msg img{margin-top:50px;width:130px;}
.msg .text{margin-top:40px;color:#333;font-size:18px;}
.msg .sub{margin-top:10px;margin-bottom:50px;color:#aaa;}
.msg .btn{padding:10px 46px;border:transparent 1px solid;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);font-size:18px;}
.msg .btn.cancel{border:none;background:0 0;box-shadow:none;}
.msg .btn.cancel:hover{opacity:.75;}


/*课程池列表*/
.choice-span{display: inline;}
.choice-span{width: 100%;margin:20px 0;}
.choice-span .label{background: transparent;border: #1890ff 1px solid;color: #1890ff; position: relative;padding: 5px 30px 5px 10px;margin-right:10px;}
.choice-span .label .close{position: absolute;right: 5px;top: 2.5px;}

.class-screen{padding: 0 20px;}
.class-screen dl{border-bottom: #f1f1f1 1px solid;display: block;width: 100%;overflow: hidden;  border-bottom-style: dashed;margin:0;}
.class-screen dl:last-child{border: none;}
.class-screen dl dt{display: inline-block;font-weight: 100; padding-right: 25px;margin-right: 20px; font-size: 14px;color: #aaa;border-right: #ddd 1px solid;}
.class-screen dl dd{display: inline-block;cursor: pointer;font-size: 14px;padding: 5px 15px; margin:15px 0;transition: .3s ease;}
.class-screen dl dd.active{background: #1890ff;color: #fff; }

.main-course-list{padding-left: 0px;}
.main-course-list .card .card-heading{font-size: 14px;}
.main-course-list .card .card-heading strong{font-weight: 100;}
.main-course-list .card .card-content .price{color: #aaa;font-size: 12px;}
.main-course-list .card .card-content .price em{color: #f60;font-size: 18px;padding-left: 5px;}
.main-course-list .card .card-content .price .free{font-size: 18px;}
.main-course-list .card .card-content .price .sub{margin-left: 10px;color: #ccc}
.main-course-list .card .card-content .price .sub em{color: #ccc;font-size: 14px;}
.main-course-list .card-heading .label{margin-right: 5px;}
.main-course-list .card-actions{font-size: 12px;}
.main-course-list .card-actions i{color: #aaa;}
.main-course-list .card-actions .btn i {color: #fff;}
.main-course-list .progress{height: 7px;border-radius: 0;margin-top: 20px;margin-bottom: 0;}
.main-course-list .progress-bar{border-radius: 0;}



.recommend-course-list{padding-right: 0px;}
.recommend-course-list ul li{border-bottom: #eee 1px solid;margin-bottom: 20px;}
.recommend-course-list ul li:last-child{border: none;margin-bottom: 20px;}
.recommend-course-list .card:last-child{margin-bottom: 0;}
.recommend-course-list .cards{padding: 0 10px;}
.recommend-course-list .bg-panel{padding-bottom: 0;}

.no-tip{padding: 100px;text-align: center;background: #fff;margin-bottom: 20px;border-radius: 4px;}
.no-tip .pic{width: 200px;margin:0 auto;}
.no-tip .text{font-size: 18px;margin-top: 20px;color: #aaa;}


.user-config{overflow: hidden;}
.user-config.secure{padding-bottom: 0;font-size: 14px;}
.user-config.secure .items i{font-size:24px;color: #aaa;}
.user-config.secure .items.active .media{color: #fff;}
.user-config.secure .items.active .media i{color: #fff;}
.user-config.secure .items.icon1.active .media{background: #1890ff;}
.user-config.secure .items.icon2.active .media{background: #1890ff;}
.user-config.secure .items.icon3.active .media{background: #d2ad58}
.user-config.secure .items.icon4.active .media{background: #2ab6fa ;}
.user-config.secure .items.icon5.active .media{background: #30ce39;}
.user-config.secure .items.icon6.active .media{background: #ff7665;}
.user-config.secure .media{background: #eee;height: 60px;width: 60px;text-align: center;line-height: 65px;}
.user-config.secure .sub{color: #aaa;margin-top: 10px;}
.user-config.secure .item{padding: 20px 20px;border: #ddd 1px solid;margin-bottom: 20px;}
.user-config.secure .item .btn-link{color: #1890ff;position: relative;top: -6px;left: 5px;}

.user-config form{margin:40px 0;}
.user-config form .form-group{margin-bottom: 20px;}
.user-config form .btn{width:140px;margin-top: 20px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border: none;}
.user-config form .control-label{color: #aaa;}

.main-course-list .screen{padding:0;border-radius:4px;background:#fff;}
.main-course-list .screen .pull-right.num{position:relative;margin:13px 20px 0 0;}
.main-course-list .screen .chosen-container{position:absolute;top:2px;left:80px;z-index:99;display:none;}
.main-course-list .screen li{position:relative;}
.main-course-list .screen li.active .chosen-container{display:block;margin-top:4px;min-width:250px;line-height:32px;}
.main-course-list .screen li.active .chosen-container .chosen-choices{border-radius:0;}
.main-course-list .screen li.active .chosen-container input{float:left;width:50px;border-radius:0;}
.main-course-list .screen li.active .chosen-container e{float:left;display:block;margin:0 5px;}
.main-course-list .screen li.active .chosen-container .btn{position:relative;top:-2px;}
.main-course-list .screen li.active .chosen-container .btn-primary{margin-left:10px;}
.main-course-list .screen .chosen-container-multi .chosen-choices li.search-field:before{top:3px;}
.main-course-list .screen li a{margin-bottom:-2px;border-bottom:transparent 2px solid;}
.main-course-list .screen li.active a{border-bottom:#1890ff 2px solid;border-radius:0;background:0 0;color:#1890ff;}
.main-course-list .screen-list{margin-bottom:0;}
.main-course-list .screen-list .nav>li>a{padding:12px 18px;border-radius:0;}
.main-course-list .screen-list .screen{border:solid 1px #e8e8e8;}
.main-course-list .screen-list .screen:first-child{border-bottom:none;}
.main-course-list .screen-list .screen.sub{margin-top:0;border-bottom:#ddd 1px solid;border: none;}
.main-course-list .input-group{margin:6px 20px 0 0;}
.main-course-list .input-group .btn{border-radius:0;}
.main-course-list .input-group input{border-radius:0;}
.main-course-list .screen-list .sub .pull-right{width:250px;}
.main-course-list .cards{padding-top:0;}
.main-course-list .card{border:none;border-radius:4px;background:#fff;box-shadow:none;transition:all .2s linear;}
.main-course-list .card:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}

.main-course-list .pager-box{text-align: center;	}
.main-course-list .pager-box a{color: #1890ff;}

.index-banner{position:relative;box-shadow:1px 10px 14px 0 rgba(0,0,0,.1);}
.index-banner .swiper-container{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.index-banner .index-nav{overflow:hidden;}
.index-banner .index-nav .nav-stacked{position:absolute;z-index:99;padding:10px 0 10px 10px;width:200px;height:400px;border:none;border-bottom-left-radius:4px;border-top-left-radius:4px;background:#2b333b;}
.index-banner .nav-tabs.nav-stacked>li{cursor:pointer!important;}
.index-banner .nav-tabs.nav-stacked>li>a{position:relative;padding:14px 10px;border:none;background:0 0;color:rgba(255,255,255,.6);font-size:16px;cursor:pointer!important;}
.index-banner .nav-tabs.nav-stacked>li.active>a{border:none;background:rgba(255,255,255,.3);color:#fff;}
.index-banner .nav-tabs.nav-stacked>li:hover>a{border:none;background:rgba(255,255,255,.3);color:#fff;}
.index-banner .nav-tabs.nav-stacked>li>a:after{position:absolute;right:15px;content:'\e6e1';font-family:ZenIcon;}
.index-banner .tab-content{position:absolute;top:0;right:0;z-index:100;}
.index-banner .tab-content .tab-pane{display:none;padding:20px;width:1000px;height:400px;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#fff;}
.index-banner .tab-content .tab-pane.active{display:block;}
.index-banner .swiper-container{margin-left:200px;height:400px;}
.index-banner .swiper-container img{height:100%;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}
.index-banner .nav-recommend li{font-size:14px;line-height:28px;}
.index-banner .nav-recommend li a{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.index-banner .nav-recommend li.last img{margin-top:25px;width:100%;}
.index-banner .title{font-size:18px;}
.index-banner .index-nav-list li{position:relative;display:inline-block;margin-right:25px;}
.index-banner .index-nav-list li:after{position:absolute;top:6px;right:-15px;display:block;width:1px;height:8px;background:#aaa;content:'';}
.index-banner .index-nav-list li:last-child:after{display:none;}

.teacher-collect{text-align: center;}
.teacher-collect a{display: block;width: 100%;height: 100%;}
.teacher-collect img{margin:25px auto 10px auto; width: 70px; height: 70px; border-radius: 50%;}
.teacher-collect .card{border: none; border-radius:4px;background:#fff;box-shadow:none;}

/*网站底部*/
.footer{margin-top:50px;padding:0;background:#f5f6fb;}
.footer .col-xs-8{padding-left:0;}
.footer .col-xs-4{padding-right:0;text-align:right;}
.footer .col-xs-9{padding-left:0;}
.footer .col-xs-3{padding-right:0;text-align:right;}
.footer .ft-nav{padding:50px 0;}
.footer .ft-nav .title{margin-bottom:10px;font-size:18px;}
.footer .ft-nav .list{padding-left:0;}
.footer .ft-nav .list li a{color:#777;}
.footer .ft-nav .list li a:hover{color:#1890ff;}
.footer .tel-box .num{color:#777;font-size:24px;}
.footer .tel-box .num em{font-size:14px;}
.footer .tel-box .sub li{float:right;margin-left:10px;}
.footer .tel-box .sub .iconfont{color:#aaa;font-size:24px;transition:.3s;}
.footer .tel-box .sub a:hover .iconfont{color:#777;}
.footer .tel-box .sub li{position:relative;}
.footer .tel-box .sub li img{position:absolute;top:-110px;display:none;margin-left:-35px;width:100px;max-width:100px;}
.footer .tel-box .sub li:hover img{display:block;}
.footer .ft-nav-list ul li.list-wrap{float:left;width:200px;}
.footer .ft-nav-list ul li.list-wrap ul{line-height:24px;}
.footer .ft-link{padding:23px 0;background:#fafbfd;}
.footer .ft-link ul li{display:inline;margin:0 10px;font-size:12px;}
.footer .ft-link .title{margin:0 20px 0 0;font-weight:600;}
.footer .ft-copyright{overflow:hidden;padding:25px 0;background:#fff;color:#777;font-size:14px;line-height:24px;}
.footer .ft-copyright img{padding-top:20px;width:200px;}
.footer .ft-copyright li{white-space:pre;}



/*右侧栏*/
ul.rightsidebar{width:64px;position:fixed;right:0;top:50%;margin-top:-200px;z-index:100;list-style:none;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px 0 rgba(0,0,0,.08);background:#fff}
ul.rightsidebar li {height: 69px;width: 100%;position: relative;text-align: center;}
ul.rightsidebar li span{text-align:center;font-size:12px;line-height:17px;margin-top:4px;color:#333;transition: .3s;}
ul.rightsidebar li i{display:block;width:44px;border-top:1px solid #e6e6e6;height:38px;line-height: 48px; background-position:bottom;background-repeat:no-repeat;margin:0 auto;font-size: 24px;}
ul.rightsidebar li:first-child i{border-top: none;}
ul.rightsidebar .goTopBtn {height: 49px;cursor: pointer;display: none;}
ul.rightsidebar li:hover span{color: #1890ff;}
ul.rightsidebar li img{ visibility: hidden;opacity: 0; width: 150px;max-width: 150px; position: absolute;left: -160px;top: -40px;box-shadow:-2px 0 8px 0 rgba(0,0,0,.08);transition: .3s;transform:scale(0);transform-origin: 100% 50% 0;}
ul.rightsidebar li:hover img{visibility: visible;opacity: 1;transition: .3s;transform:scale(1);}

/*课程页面圆形进度条*/
.course-list .circles{margin-bottom:-10px}
.course-list .circle{width:120px;margin:0;display:inline-block;position:relative;text-align:center;line-height:1.2}
.course-list .circle canvas{vertical-align:top}
.course-list .circle strong{position:absolute;top:32px;left:0;width:100%;text-align:center;line-height:24px;font-size:24px;font-weight: 100;}
.course-list .circle strong i{font-style:normal;font-size:.6em;font-weight:400}
.course-list .circle span{display:block;color:#aaa;margin-top:12px}
.course-list .circle strong em{font-size: 10px;color: #aaa;}


.chart-wrap .title{margin-bottom: 20px;font-size: 16px;color: #aaa;}
.chart-wrap .chart-box { width:100%;height: 350px;}
.chart-wrap .title em{color: #333;}

.screen-datepick .datepick{display: none;position: relative;}
.screen-datepick.active .datepick{display: inline-block;position: absolute;left: 100px;width: 400px;top: 1px;}
.screen-datepick.active .datepick input{width: 120px;display: inline-block;margin-left:-1px;}
.screen-datepick.active .datepick span{margin:0 9px 0 10px;position: relative;top: 2px;}
.screen-datepick.active .datepick .edit-bt{position: relative;top: 0px;}

.avatar-view{border-radius: 50% !important;}
.avatar-preview{border-radius: 50% !important;}

/*开关按钮*/
.togglebutton{vertical-align:middle}
.togglebutton,.togglebutton .toggle,.togglebutton input,.togglebutton label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.togglebutton label{cursor:pointer;color:rgba(0,0,0,.26)}
.form-group.is-focused .togglebutton label{color:rgba(0,0,0,.26)}
.form-group.is-focused .togglebutton label:focus,.form-group.is-focused .togglebutton label:hover{color:rgba(0,0,0,.54)}
fieldset[disabled] .form-group.is-focused .togglebutton label{color:rgba(0,0,0,.26)}
.togglebutton label input[type=checkbox]{opacity:0;width:0;height:0}
.togglebutton label .toggle{text-align:left}
.togglebutton label .toggle,.togglebutton label input[type=checkbox][disabled]+.toggle{content:"";display:inline-block;width:30px;height:15px;background-color:rgba(80,80,80,.7);border-radius:15px;margin-right:15px;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease;vertical-align:middle}
.togglebutton label .toggle:after{content:"";display:inline-block;width:20px;height:20px;background-color:#F1F1F1;border-radius:20px;position:relative;-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.4);box-shadow:0 1px 3px 1px rgba(0,0,0,.4);left:-5px;top:-2px;-webkit-transition:left .3s ease,background .3s ease,-webkit-box-shadow .1s ease;-o-transition:left .3s ease,background .3s ease,box-shadow .1s ease;transition:left .3s ease,background .3s ease,box-shadow .1s ease}
.togglebutton label input[type=checkbox][disabled]+.toggle:after,.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after{background-color:#BDBDBD}
.togglebutton label input[type=checkbox]+.toggle:active:after,.togglebutton label input[type=checkbox][disabled]+.toggle:active:after{-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1);box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1)}
.togglebutton label input[type=checkbox]:checked+.toggle:after{left:15px}
.togglebutton label input[type=checkbox]:checked+.toggle{background-color:rgba(24,144,255,.5)}
.togglebutton label input[type=checkbox]:checked+.toggle:after{background-color:#1890ff}
.togglebutton label input[type=checkbox]:checked+.toggle:active:after{-webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,150,136,.1);box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,150,136,.1)}



/*评分组件*/
.star-rating-box i{font-size: 24px; color: #ddd;cursor:pointer; transition: all .3s ease 0s;}
.star-rating-box i.active{color: #fdf74e;}
.star-rating-box .icon-times{position: relative;display:none;
    top:-3px; margin-left: 15px;font-size: 16px;color: #777;}
.star-rating-box .icon-times:hover{color: #ff2d55;}




/*文件上传图标*/
.fileicon{display:block;width:26px;height:26px}
.default-small,.dir-app-small,.dir-apps-small,.dir-backup-small,.dir-cang-small,.dir-multi-middle,.dir-multi-small,.dir-phone-small,.dir-share-middle,.dir-small,.fileicon-small-bt,.fileicon-small-code,.fileicon-small-doc,.fileicon-small-dws,.fileicon-small-mm,.fileicon-small-mmap,.fileicon-small-mp3,.fileicon-small-pdf,.fileicon-small-pic,.fileicon-small-ppt,.fileicon-small-txt,.fileicon-small-vsd,.fileicon-small-xls,.fileicon-small-xmind,.fileicon-sys-s-ai,.fileicon-sys-s-apk,.fileicon-sys-s-exe,.fileicon-sys-s-key,.fileicon-sys-s-psd,.icon-play-music{background-image:url(../img/file-icon.png)}
.fileicon-small-rar,.fileicon-small-video,.fileicon-small-zip,.fileicon-sys-s-code,.fileicon-sys-s-eps,.fileicon-sys-s-fonts,.fileicon-sys-s-ipa,.fileicon-sys-s-links,.fileicon-sys-s-numbers,.fileicon-sys-s-pages,.fileicon-sys-s-swf,.fileicon-sys-s-video,.fileicon-sys-s-vsd,.fileicon-sys-s-web{background-image:url(../img/file-icon.png)}
.fileicon-small-pdf{background-position:-596px -136px}
.fileicon-small-pdf{background-repeat:no-repeat}
.fileicon-small-txt{background-position:-596px -102px}
.fileicon-small-txt{background-repeat:no-repeat}
.fileicon-small-ppt{background-position:-596px -204px}
.fileicon-small-ppt{background-repeat:no-repeat}
.fileicon-small-xls{background-position:-596px -238px}
.fileicon-small-xls{background-repeat:no-repeat}
.fileicon-small-doc{background-position:-596px -170px}
.fileicon-small-doc{background-repeat:no-repeat}
.fileicon-small-mp3{background-position:-596px -442px}
.fileicon-small-mp3{background-repeat:no-repeat}
.fileicon-small-video{background-position:-596px -1630px}
.fileicon-small-video{background-repeat:no-repeat}
.fileicon-small-zip{background-position:-596px -1664px}
.fileicon-small-zip{background-repeat:no-repeat}



.swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;}
.swiper-pagination-bullet-active:after{content: '';display: block;width: 12px;height: 12px;border: #ddd 1px solid;border-radius: 50%;
position: relative;left: -2px;top: -2px;}




/*首页*/
.index-content>.col-xs-2{width:20%;}
.index-content .col-xs-8{margin-bottom:-30px;width:60%;}
.index-content-detail{padding-right:20px;padding-left:0;}
.index-content-detail .title{margin:25px 0 10px 0;font-size:18px;}
.index-content>.title{float:left;margin:25px 0 10px 0;width:100%;font-size:18px;}
.index-content-detail .title-content-bg{position:relative;overflow:hidden;padding:15px;width:100%;height:300px;color:#fff;}
.index-content-detail .title-content-bg.bg1{background-color:#61c5c9;}
.index-content-detail .title-content-bg.bg2{background-color:#f9c63d!important;}
.index-content-detail .title-content-ft{padding:15px;width:100%;height:120px;background:#f5f5f5;}
.index-content-detail .title-content-bg .title{margin-top:20px;padding-top:10px;width:100%;border-top:#fff 3px solid;font-size:14px;}
.index-content-detail .title-content-bg .text{margin-top:20px;font-size:18px;}
.index-content-detail .title-content-ft li{line-height:30px;}
.index-content-detail .title-content-bg img{position:absolute;left:50%;margin-top:30px;margin-left:-50px;width:100px;}
.index-detail .wrap{overflow:hidden;padding:15px;width:100%;height:420px;border:#eee 1px solid;}
.index-detail .title{font-size:16px;}
.index-detail hr{margin:15px 0;}
.index-detail .bbs-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-detail .course-title{overflow:hidden;color:#aaa;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.index-detail .course-title:hover{color:#1890ff;}
.index-detail li{margin-bottom:9px;line-height:30px;}
.index-ad{margin-top:20px;}

/*新缺省*/
.noinfo-tip{background: #fff;overflow: hidden; border-radius: 4px;min-height:400px;text-align: center;position: relative;}
.noinfo-tip .main{margin-top: 60px;}
.noinfo-tip .main .text{font-size: 18px;margin: 15px 0;}
.noinfo-tip img{width: 170px;}
.noinfo-tip .main .btn{background: transparent;width: 100px;color: #777;font-size: 12px;transition:.3s;}
.noinfo-tip .main .btn:hover{background: #fafafa;}



/*20181217微信支付弹窗*/
.wx-pay .col-xs-6{text-align: center;}
.wx-pay .qr-box{width: 240px;margin:40px auto;border: #ddd 1px solid;padding: 10px;}
.wx-pay .qr-box img{ display: block;}

.wx-pay .text{padding: 10px;width: 240px;margin:40px auto;font-size: 16px; background: #69c0ff;color: #fff;}
.wx-pay .text .iconfont{font-size: 24px;margin-right: 10px;}




/*20181212新增资讯主页修改部分界面*/
.play-video-list .circle strong i{font-size:13px;}
.main-nav .nav li{font-size:16px;}
.main-nav .nav li.notice-list{font-size:12px;}
.dropdown-hover:hover>.dropdown-menu{position:absolute;top:80px;visibility:visible;opacity:1;transition:.2s;}
.dropdown-hover .icon-angle-down:before{display:inline-block;transition:transform .25s linear;transform:rotate(0);}
.dropdown-hover:hover .icon-angle-down:before{transition:transform .25s linear;transform:rotate(-180deg);}
.dropdown-hover>.dropdown-menu{position:absolute;top:100px;display:block;visibility:hidden;opacity:0;transition:.2s;}
.user-main-content .right-box.right2{width:780px;margin-right: 20px;}
.user-main-content .right-box.right3{width:205px;}

.main-list li{display:inline-block;margin:0;padding:30px 0;border-bottom:#eee 1px solid;}
.main-list li:first-child{padding-top: 0;}
.main-list li:last-child{border:none;}
.main-list .img-box{position:relative;}
.main-list .img-box img{width:220px;height:125px;transition:all .3s ease-in-out;transform:scale(1);}
.main-list .img-box a{display:block;overflow:hidden;width:100%;height:100%;}
.main-list .img-box a:hover img{transition:all .3s ease-in-out;transform:scale(1.05);}
.main-list .img-box{float:left;}
.right-box.right2 .main-list .content{float:left;width: calc(100% - 220px);}
.main-list .img-box~.content{padding-left:20px;}
.main-list .content .text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;font-size:16px;line-height:1.5;word-break:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-list .content .sub{color:#aaa;}
.main-list .content .sub dd span{color:#aaa;}
.main-list .content .sub dd img{position:relative;top:-2px;margin-right:5px;width:26px;border-radius:50%;}
.main-list .content .sub dd{display:inline-block;margin-right:20px;}
.main-list li .mod-angle{position:absolute;top:20px;left:-10px;z-index:101;padding:0 10px;height:24px;background-color:#f63756;color:#fff;text-align:center;font-size:14px;line-height:24px;}
.main-list li .mod2{background-color:#52c41a;}
.main-list li .mod-angle:after{position:absolute;top:24px;left:0;width:0;height:0;border-top:6px solid #cd213d;border-left:10px solid transparent;content:" ";}
.main-list li .mod2.mod-angle:after{border-top:6px solid #4ab316;}
.right-box.right3 .sub-list{background:#fafafa;}
.right-box.right3 .sub-list .title{position:relative;padding:20px;font-size:18px;}
.right-box.right3 .sub-list ul{padding:10px 20px;}
.right-box.right3 .sub-list ul a{border:none;box-shadow:none;}
.right-box.right3 .sub-list ul a .card-heading{padding:10px 0;font-size:14px;}
.span-mark{position:absolute;top:52px;left:0;z-index:1;display:inline-block;margin:-28px 0 0 0;width:4px;height:20px;background-color:#f63756;line-height:20px;}


.breadcrumb{position: relative;}
.breadcrumb .dropdown{position: absolute;top:20px;right: 20px;}
.breadcrumb .dropdown .btn{border: none;background: none;padding: 0;color: #aaa;box-shadow: none;}
.breadcrumb .dropdown .btn .icon-filter{margin-right: 5px;}
.breadcrumb .dropdown-hover>.dropdown-menu{top: 25px;}
.breadcrumb .dropdown-menu{min-width: 60px;border: none;}
.breadcrumb .icon-angle-down{margin-left: 5px;}

.left-box.moveable{position: fixed;top: 0px;}
.article{padding-top: 0;}

.news-top{overflow: hidden;}
.news-top .col-xs-8{padding-left: 0px;padding-right: 0;}
.news-top .col-xs-4{padding-right: 0px;padding-left: 0;height: 300px;}
.news-top~.breadcrumb{margin-top:20px;padding-left: 0 !important;}
.news-top .col-xs-4 ul{padding: 20px; background: #fafafa;overflow: hidden;}
.news-top .col-xs-4 ul li{display: inline-block;width: 100%;line-height: 26px;}
.news-top .col-xs-4 ul li a{display: inline-block;font-size: 14px; width: 100%;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.news-top .col-xs-4 .title{font-size: 18px;margin-bottom: 25px;}
.swiper-slide .text{position: absolute;background: rgba(0, 0, 0, .5);bottom: 0;width: 100%;color: #fff;padding: 15px;}



/*20181228主页静态部分*/
.index-main-nav .icon-nav-list{overflow:hidden;margin-top:50px;padding:30px 15px;border:#ddd 1px solid;}
.index-main-nav .icon-nav-list .col-xs-2{width:20%;}
.index-main-nav .icon-nav-list .icon-box{float:left;width:46px;}
.index-main-nav .icon-nav-list .icon-box .iconfont{color:#2187e0;font-size:32px;}
.index-main-nav .icon-nav-list .text{margin-left:55px;border-right:#ddd 1px solid;}
.index-main-nav .icon-nav-list .col-xs-2:last-child .text{border:none;}
.index-main-nav .icon-nav-list .title{color:#333;font-size:18px;transition:.3s ease;}
.index-main-nav .icon-nav-list .sub{margin-top:5px;color:#aaa;font-size:12px;}
.index-main-nav .icon-nav-list a:hover .title{color:#2187e0;}
.index-main-nav .teacher-nav-list{overflow:hidden;padding:20px 10px;background:#f1f1f1;}
.index-main-nav .teacher-nav-list .col-xs-2{width:20%;}
.index-main-nav .teacher-nav-list .col-xs-2 .avatar img{width:100%;}
.index-main-nav .teacher-nav-list .text{padding:15px;background:#fff;text-align:center;}
.index-main-nav .teacher-nav-list .text .name{color:#333;font-size:18px;transition:.3s ease;}
.index-main-nav .teacher-nav-list .text .sub{margin-top:5px;color:#aaa;font-size:12px;}
.index-content-title{float:left;margin:25px 0 10px 0;width:100%;font-size:18px;}
.index-main-nav .teacher-nav-list a{display:block;width:100%;height:100%;}
.index-main-nav .teacher-nav-list a:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-2px,0);}
.index-main-nav .teacher-nav-list a:hover .name{color:#2187e0;}
.index-main-nav .hot-nav-list .col-xs-3{margin-right:20px;padding:0;width:285px;}
.index-main-nav .hot-nav-list .col-xs-3 img{transition:.3s ease;}
.index-main-nav .hot-nav-list .col-xs-3 a:hover img{-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,.1);-moz-box-shadow:0 10px 30px 0 rgba(0,0,0,.1);box-shadow:0 10px 30px 0 rgba(0,0,0,.1);opacity:.85;}
.index-main-nav .hot-nav-list .col-xs-3.last{position:relative;margin-right:0;height:165px;background:#ecf3fc;}
.index-main-nav .hot-nav-list .col-xs-3 .col-xs-6{height:72px;text-align:center;}
.index-main-nav .hot-nav-list .col-xs-3 .col-xs-6 a{display:block;padding-top:20px;width:100%;height:100%;}
.index-main-nav .hot-nav-list .col-xs-3 .col-xs-6 .iconfont{color:rgba(144,180,238,1);font-size:32px;transition:.3s ease;}
.index-main-nav .hot-nav-list .col-xs-3 .col-xs-6 a:hover .iconfont{color:rgba(144,190,255,1);}
.index-main-nav .hot-nav-list .col-xs-3 .col-xs-6 .text{color:#2760bd;}
.index-main-nav .hot-nav-list .col-xs-3.last:after{position:absolute;top:83px;left:20px;width:245px;height:1px;background:#deeaf9;content:'';}
.index-main-nav .hot-nav-list .col-xs-3.last:before{position:absolute;top:20px;left:140px;width:1px;height:132px;background:#deeaf9;content:'';}
.index-main-nav .hot-nav-list2 .col-xs-6{margin-top:20px;padding:0;width:590px;height:300px;}
.index-main-nav .hot-nav-list2 .col-xs-6 a{display:block;width:100%;height:100%;}
.index-main-nav .hot-nav-list2 .col-xs-6 a img{transition:.3s ease;}
.index-main-nav .hot-nav-list2 .col-xs-6 a:hover img{-webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,.1);-moz-box-shadow:0 10px 30px 0 rgba(0,0,0,.1);box-shadow:0 10px 30px 0 rgba(0,0,0,.1);opacity:.85;transition:.3s ease;}
.index-main-nav .hot-nav-list2 .col-xs-6.index-news-nav{margin-left:20px;padding:20px;border:#ddd 1px solid;}
.index-main-nav .index-news-nav .box{float:left;width:50%;}
.index-news-nav .nav li a{margin-right:20px;padding-top:0;padding-left:0;border:none;background:#fff;font-size:16px;}
.index-news-nav .nav li{position:relative;}
.index-news-nav .nav li:first-child a:after{position:absolute;top:5px;right:16px;width:1px;height:15px;background:#ddd;content:'';}
.index-news-nav .tab-content{margin-top:10px;}
.index-news-nav .tab-content .news-list{font-size:14px;line-height:36px;}
.index-news-nav .tab-content .news-list li a{overflow:hidden;color:#aaa;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;}
.index-news-nav .tab-content .news-list li a:hover{color:#2187e0;}
.index-news-nav .left-box{padding-right:20px;}
.index-news-nav .left-box .title{margin:10px 0;font-size:18px;}
.index-news-nav .left-box .sub{color:#aaa;}
.index-news-nav .left-box .sub span{margin-right:20px;}
.index-news-nav .left-box img{margin-top:10px;width:46px;border-radius:50%;}
.index-news-nav .left-box .name{margin-top:10px;padding-left:5px;}
.index-news-nav .left-box hr{margin:10px 0;}
.index-news-nav .left-box .ft .price{color:#f54030;font-size:24px;}
.index-news-nav .left-box .ft .price em{font-size:14px;}
.index-news-nav .left-box .ft .sub{padding-top:12px;content:#aaa;}

.register-modal .modal-content .checkbox{margin-top: 20px;margin-bottom: 0;	}



/*20190110账号绑定*/
.bind-form{text-align: center;padding: 60px 0;}
.bind-form label{width: 350px;}



/*201901016新增预售部分*/

.main-course-list .card .mod-angle{position:absolute;top:20px;left:0px;z-index:101;padding:0 10px;height:24px;background-color:#f63756;color:#fff;text-align:center;font-size:14px;line-height:22px;}
.course-detail-body .wrap{padding:15px;}
.course-detail-body .adv-detail{border-bottom: #efefef 20px solid;}
.course-detail-body .adv-detail h5{font-size: 14px;line-height: 28px;font-weight: 100;color: #777;}
.course-detail-top .price h2 .p1{color: #aaa;font-size: 14px;margin-right: 10px;}
.course-detail-top .price h2 .p2{color: #333;padding-left:50px;}
.course-detail-top .price h2 s{color: #aaa;margin-left: 10px;font-size: 14px;}
.course-detail-top .price span{font-size: 14px;padding: 0 2px;}

.course-detail-top .status .sub{color: #333;margin-left:15px;}

.adv-price em{font-size: 24px;margin-left:10px;}
.adv-price em span{font-size: 14px;padding: 0 2px;}
.adv-price .text{padding-left: 10px;color: #aaa;font-size: 14px;}

.order-list .adv em span{font-size: 14px;padding: 0 2px;}
.order-list .adv em span.pr{font-size: 16px;color: #333;}

.order-list .price s{color: #aaa;padding-left: 10px;}
.order-list .price s span{font-size: 12px;padding: 0 2px;}
.order-list .adv2 span{color: #aaa;position: relative;top: 5px;}
.order-list .adv2 span em{color: #333;margin-left: 5px;}

.order-list .adv-order .pic ul{height: 40px;}
.order-list .adv-order .state ul{height: 40px;}
.order-list .adv-order .operation ul{height: 40px;}
.order-list .adv-order em.tit{color: #333;}
.order-list .adv-order em span{padding: 0 2px;}
.order-list .adv-order em .time{color: #aaa;margin-right: 10px;}

.order-list hr{border-color: #eee;}

.order-list .adv-order .state.left{border-right: none;}




/*
20190118新增二级造价首页*/

.cost-page .index-banner .swiper-container{margin-left:0;border-radius: 4px;}
.cost-page .index-banner .swiper-container img{width:100%;}
.cost-page .index-main-nav .timeline{padding-left:0;height:auto;}
.cost-page .index-main-nav .timeline .main-wrap{padding:30px 15px;border:#ddd 1px solid;}
.cost-page .index-main-nav .timeline .main-title{text-align:center;font-weight:600;font-size:16px;}
.cost-page .index-main-nav .countdown ul{display:block;margin:0 auto;width:170px;}
.cost-page .index-main-nav .countdown ul li{position:relative;display:inline-block;margin:30px 0;padding:0 10px;height:50px;background:#0d61ff;box-shadow:0 2px 2px 0 rgba(13,97,255,.3);color:#fff;font-size:32px;line-height:50px;}
.cost-page .index-main-nav .countdown ul li em{position:relative;z-index:10;text-shadow: #555 1px 1px 8px;}
.cost-page .index-main-nav .countdown ul li.last{background:0 0;box-shadow:none;color:#333;font-size:18px;}
.cost-page .index-main-nav .countdown ul li span{position:absolute;bottom:0;left:0;width:100%;height:50%;background:#528bff;}
.cost-page .index-main-nav .list ul li{position:relative;}
.cost-page .index-main-nav .list ul li .title .text{padding-left:10px;color:#f16262;}
.cost-page .index-main-nav .list .row{position:relative;margin-top:20px;padding:10px;background:#e9f3ff;}
.cost-page .index-main-nav .list .row:before{position:absolute;top:-9px;left:20px;display:block;width:0;height:0;border-right:10px solid transparent;border-bottom:10px solid #e9f3ff;border-left:10px solid transparent;content:'';}
.cost-page .index-main-nav .list .row .col-xs-4{height:24px;line-height:24px;}
.cost-page .index-main-nav .list ul li i.tip{position:absolute;top:6px;left:-24px;display:block;width:10px;height:10px;border:3px solid #528bff;border-radius:50%;background:#fff;}
.cost-page .index-main-nav .list .wrap{position:relative;z-index:10;margin-bottom:20px;}
.cost-page .index-main-nav .list .wrap:last-child{margin-bottom:0;}
.cost-page .index-main-nav .list .mainbox{position:relative;}
.cost-page .index-main-nav .list .mainbox:after{position:absolute;top:10px;left:-20px;display:block;width:2px;height:488px;background:#eee;content:'';}
.cost-news1 .main-wrap{overflow:hidden;padding:30px 15px;border:#ddd 1px solid;}
.cost-news1 .main-wrap.k1{margin-top:20px;padding:15px;}
.cost-news1 .title{margin:40px 0 20px 0;color:#333;text-align:center;font-weight:700;font-size:18px;}
.cost-news1 .title:first-child{margin-top:0;}
.cost-news1 .title.hot{color:#c00;}
.cost-news1 .list{overflow:hidden;padding:0;}
.cost-news1 .list li{position:relative;float:left;display:inline-block;overflow:hidden;padding-right:5px;width:50%;height:32px;text-indent:1em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:32px;}
.cost-news1 .list li:after{position:absolute;top:14px;left:0;display:block;width:5px;height:5px;border-radius:50%;background:#aaa;content:'';}
.cost-news1 .k1 .title{text-align:left;}
.cost-news1 .k1 .tab-content .news-list li a{display:block;width:100%;font-size:16px;}
.cost-news1 .k1 .nav li a{font-weight:700;}
.cost-news1 .k1 .nav li:first-child a:after{position:absolute;top:5px;right:-4px;width:1px;height:15px;background:#ddd;content:'';}
.cost-news1 .k1 .tab-content .news-list li a{color:#333;transition:.3s;}
.cost-news1 .k1 .tab-content .news-list li a:hover{color:#1890ff;}
.cost-news1 .k1 .left-box img{margin-top:29px;}
.cost-news1 .k1 .tab-content{margin-top:15px;}
.cost-news1 .k1 .tab-content .news-list{line-height:33px;}
.index-news-nav .left-box .ft .price s{color:#aaa;font-size:12px;}
.index-recommend .main-wrap{padding:30px 15px 16px 15px;border:#ddd 1px solid;border-radius:0;}
.index-recommend .cards{margin:0;}
.index-recommend .title{font-weight:700;font-size:16px;}
.index-recommend .video-top{margin-bottom:20px;height: 158px;}
.index-recommend .video-box video{width:100%;}
.index-recommend .cards .card-heading{margin:0;font-size:16px;}
.index-recommend .cards .card-ft i{position:relative;top:1px;padding-right:10px;color:#3280fc;font-size:18px;}
.index-recommend .cards .card-ft{color:#aaa;}
.index-recommend .cards li:last-child a{margin-bottom:0;}
.index-recommend .cards a{position: relative;}
.index-recommend .cards a .mask{opacity: 0;transition: .3s;  background: rgba(0, 0, 0, .3);position: absolute;top: 0px;width: 100%;height: 144.28px;}
.index-recommend .cards a .icon-bofang{position: absolute;transition: .3s;color: #fff;font-size: 26px;left: 50%;margin-left:-13px;top: 50%;margin-top: -13px;}
.index-recommend .cards a:hover .mask{opacity: 1;}
.index-recommend .card:hover>img{opacity: 1;}




.main-nav .dropdown-menu-tab ul .over{height: 500px;width: 100%; overflow: hidden;overflow-y: visible;}



.timeline .countdown{margin:13px 0 12px 0;}



/*20190124考试模块*/
.note-list .title .label{position: relative;top: -1px;margin-right: 10px;font-size: 12px;}
.course-list.note-list .detail .title{font-size: 16px;margin-bottom: 20px;}
.course-list .content .detail .num li{display: inline-block; margin-right: 20px; font-size: 14px;color: rgba(24,144,255,1);}
.course-list .content .detail .num li .title{color: #555;margin-right: 5px;font-size: 14px;}
.course-list .content .detail .num li .span{color: #555;margin-left: 5px;font-size: 12px;}
.course-list .content .detail .sub li{display: inline-block; margin-right: 20px; font-size: 12px;color: rgba(24,144,255,1);}
.course-list .content .detail .sub li .title{color: #aaa;margin-right: 5px;font-size: 12px;}
.course-list .content .detail .sub li .span{color: #aaa;margin-left: 5px;font-size: 12px;}
.course-list .content .detail .sub a{    color: rgba(24,144,255,.75);}
.course-list .content .detail .sub a:hover {
    color: rgba(24,144,255,1.5);
}


.main-nav .text2{font-size: 24px;}

.exam-in{background: #efefef;}
.exam-in .footer .ft-copyright{background: #fff;}
.exam-in .user-main-content .right-box.right2{width: 880px;margin-right: 0;min-height: 680px;}
.exam-in .user-main-content .left-box{width: 300px;}

.exam-in .exam-detail{background: #fff ;border-radius: 5px;overflow: hidden;padding: 30px 15px;}
.exam-in .exam-detail img{width: 60px;margin:0 auto;display: block;}
.exam-in .exam-detail .countdown{font-size: 26px;color: #f63756;font-weight: bold;text-align: center;margin-top:10px;}
.exam-in .exam-detail .sub{text-align: center;font-size: 14px;}

.exam-detail.hide{display: none;}

.exam-in .exam-detail .handin{margin-top: 30px;}
.exam-in .exam-detail .handin .btn{width: 100%;font-size: 16px;margin-bottom: 10px;}
.exam-in .exam-detail .handin .btn:last-child{margin-bottom: 0;}
.main-nav .text2 .title-main{float: left;margin-right: 50px;}
.main-nav .text2 .exam-top-detail{float: left;}
.main-nav .text2 .exam-top-detail ul li{display: inline-block; margin-right: 20px; font-size: 16px;color: rgba(24,144,255,1);}
.main-nav .text2 .exam-top-detail ul li .title{color: #aaa;margin-right: 5px;}
.main-nav .text2 .exam-top-detail ul li .span{color: #aaa;margin-left: 5px;font-size: 12px;}


.exam-in .answercard{background: #fff ;border-radius: 5px;overflow: hidden;padding: 15px 0;margin-top:20px;}


.exam-in .btn {
    border: transparent 1px solid;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}


.btn-danger{background-color: #f5222d;}


.exam-subject-list .nav li{font-size: 16px;}
.exam-subject-list .top-subjectdetail{font-size: 16px;margin:15px 20px;}
.exam-subject-list .top-subjectdetail em{padding: 0 10px;color: #3280fc;}
.exam-subject-list .list{padding: 0;}
.exam-subject-list .list .title{font-size: 16px;font-weight: bold;line-height: 32px;}
.exam-subject-list .list .title .score{font-weight: 100;color: #aaa;}
.exam-subject-list .list .textpic{max-width: 100%;margin-top: 20px;}
.exam-subject-list .list .option{margin-top: 30px;}
.exam-subject-list .list .option li{font-size: 14px;color: #555;}
.exam-subject-list .list .option li .op{margin-right: 10px;color: #aaa;}
.exam-subject-list .list .option li span{display: block;line-height: 24px;float: left;}
.exam-subject-list .list .option .text{width: 780px;overflow;word-wrap: break-word;
   word-break:break-all;}
.exam-subject-list .list .option .textpic{width: 100%;overflow: hidden;display: block;}
.exam-subject-list .list .option .checkbox-primary label{width: 100%;}
.exam-subject-list .checkbox-primary>label:after{top: 4px;    border: 1px solid #aaa;transition: .2s;}
.exam-subject-list .checkbox-primary>label:before{top: 4px;transition: .2s;}
.exam-subject-list .radio-primary>label:after{top: 4px;    border: 1px solid #aaa;transition: .2s;}
.exam-subject-list .radio-primary>label:before{top: 9px;transition: .2s;}



.exam-subject-list .list-wrap{margin-bottom: 20px;}
.exam-subject-list .list .analysis{margin-top:20px; line-height: 24px; border: 1px solid #91d5ff;
    background-color: #e6f7ff;padding: 15px;}
    .exam-subject-list .list .analysis hr{margin:10px 0; border-color:#91d5ff; }
        .exam-subject-list .list .analysis em{margin-right: 10px;font-weight: 600;}
        .exam-subject-list .list .analysis .title em{margin-left: 10px;font-weight: 100;color: #f63756;}
.exam-subject-list .tool-box{text-align: right;}
.exam-subject-list .tool-box .btn{font-size: 16px;margin-left:5px;}


.answercard-list{overflow: hidden;max-height:300px;overflow-y: visible;padding: 0 15px;}

.answercard .title{font-size: 18px;margin-bottom: 20px;text-align: center;font-weight: bold;}
.answercard .badge{background: #eee;border-radius: 4px;}
.answercard .tip{text-align: center;margin-bottom: 40px;}
.answercard .tip .badge{padding: 5px 10px;font-size: 12px;}
.answercard .active{background:#52c41a;color: #fff; }
.answercard .active2{background:#faad14;color: #fff;}
.answercard .active3{background:#f5222d;color: #fff;}
.answercard .answercard-list .col-xs-2{margin-bottom: 6px;}
.answercard .answercard-list .badge{height: 40px;width: 40px;display: block;margin:0 auto;line-height: 40px;text-align: center;cursor: pointer;transition: .3s;}
.answercard .answercard-list .badge:hover{opacity: .75;}
.answercard .answercard-list .tit{font-size: 14px;padding: 0 0 10px 10px;}

.answercard-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.handin-tip p{font-size: 16px;}
.handin-tip p em{color: #f5222d;padding: 0 10px;}

.modal-dialog.report-tip .modal-footer{text-align: center;}
.modal-dialog.report-tip .modal-body{position: relative;padding: 0 15px 20px 15px;}
.modal-dialog.report-tip .modal-title{font-size: 16px;text-align: center;}
.modal-dialog.report-tip img{display: block;margin:0 auto;width: 100px;}
.modal-dialog.report-tip .sub{text-align: center;font-size: 18px;}
.modal-dialog.report-tip .score{font-size: 44px;text-align: center;}
.modal-dialog.report-tip .score em{font-size: 16px;}
.modal-dialog.report-tip .score.success{color: #52c41a;}
.modal-dialog.report-tip .score.fail{color: #f5222d;}
.modal-dialog.report-tip ul{font-size: 16px;text-align: center;margin-top:30px;}
.modal-dialog.report-tip ul li{display: inline-block;color: rgba(24,144,255,1);}
.modal-dialog.report-tip ul li:first-child{margin-right:50px;}
.modal-dialog.report-tip ul li span{color: #aaa;margin-right: 10px;}
.modal-dialog.report-tip .modal-footer .btn{font-size: 16px;}
.handin-tip .modal-footer .btn{font-size: 16px;}
.handin-tip .modal-footer{text-align: center;}


/*加载进度*/
.loader{position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;background:#fff;}
.spinner span{font-size:10px;}
.spinner{position:relative;top:150px;margin:0 auto;margin-top:-30px;width:50px;height:60px;text-align:center;font-size:10px;}
.spinner>div{display:inline-block;width:6px;height:100%;background-color:#0059ff;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s;}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s;}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s;}
@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);}
20%{-webkit-transform:scaleY(1);}
}
@keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4);}
20%{-webkit-transform:scaleY(1);transform:scaleY(1);}
}



.loader2.animation-2, .container.animation-3, .container.animation-4 {
    -webkit-animation: rotation 1s infinite;
    animation: rotation 1s infinite;
}
.loader2.animation-2, .container.animation-4 {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.loader2 {
    width: 30px;
    height: 30px;
    position: relative;
    left: 50%;margin-left:-15px;
    top: 100px;
}
.loader2 .shape.shape1 {
    left: 0;
    background-color: #5C6BC0;
}
.loader2 .shape.shape2 {
    right: 0;
    background-color: #8BC34A;
}
.loader2 .shape.shape3 {
    bottom: 0;
    background-color: #FFB74D;
}
.loader2 .shape.shape4 {
    bottom: 0;
    right: 0;
    background-color: #F44336;
}

.loader2.animation-2 .shape, .container.animation-4 .shape {
    border-radius: 5px;
}
.animation-2 .shape1 {
    -webkit-animation: animation2shape1 0.5s ease 0s infinite alternate;
    animation: animation2shape1 0.5s ease 0s infinite alternate;
}
.loader2 .shape {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 1px;
}
.loader2.animation-2, .container.animation-4 {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
.loader2.animation-2 .shape, .container.animation-4 .shape {
  border-radius: 5px;
}
.loader2.animation-2, .container.animation-3, .container.animation-4 {
  -webkit-animation: rotation 1s infinite;
          animation: rotation 1s infinite;
}

.animation-2 .shape1 {
  -webkit-animation: animation2shape1 0.5s ease 0s infinite alternate;
          animation: animation2shape1 0.5s ease 0s infinite alternate;
}

@-webkit-keyframes animation2shape1 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
}

@keyframes animation2shape1 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
}
.animation-2 .shape2 {
  -webkit-animation: animation2shape2 0.5s ease 0s infinite alternate;
          animation: animation2shape2 0.5s ease 0s infinite alternate;
}

@-webkit-keyframes animation2shape2 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
}

@keyframes animation2shape2 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-20px, 20px);
            transform: translate(-20px, 20px);
  }
}
.animation-2 .shape3 {
  -webkit-animation: animation2shape3 0.5s ease 0s infinite alternate;
          animation: animation2shape3 0.5s ease 0s infinite alternate;
}

@-webkit-keyframes animation2shape3 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(20px, -20px);
            transform: translate(20px, -20px);
  }
}

@keyframes animation2shape3 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(20px, -20px);
            transform: translate(20px, -20px);
  }
}
.animation-2 .shape4 {
  -webkit-animation: animation2shape4 0.5s ease 0s infinite alternate;
          animation: animation2shape4 0.5s ease 0s infinite alternate;
}

@-webkit-keyframes animation2shape4 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
  }
}

@keyframes animation2shape4 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}




/*20190125新增无图资讯*/

.right-box.right2 .main-list .content.no-pic{float:left;width: 1200px;}
.right-box.right2 .main-list .content.no-pic dl{margin-bottom: 0;}



/*20190131顶部导航高亮*/
.main-nav .nav li.active:hover a{color: #fff;background-color: #3280fc;}
.main-nav .nav.pull-right li.active:hover a{color: inherit;background-color: inherit;}


/*20190213首页问题推荐*/
.index-main-nav .teacher-nav-list{padding: 20px 10px 0 10px;}
.index-main-nav .teacher-nav-list .teacher-wrap{margin-bottom: 30px;}
.index-main-nav .teacher-nav-list .text{position: relative;}
.index-main-nav .swiper-pagination.sw2{bottom: 5px;}
.index-main-nav .swiper-pagination.sw2 .swiper-pagination-bullet{background: #3280fc;}


.user-main-content.ques-detail .wrap{margin-top:20px;}
.user-main-content.ques-detail .wrap .right-box{width: 905px;}
.user-main-content.ques-detail .wrap .left-box{width: 275px;}
.user-main-content.ques-detail .wrap .course-detail-top .detail{width: 100%;background: #fff;padding: 15px;border-radius: 4px;}
.user-main-content.ques-detail .wrap .course-detail-top .detail .price{background: inherit;}
.user-main-content.ques-detail .wrap .course-detail-top .detail .btn-primary{width: 100%;margin-right:0;}
.user-main-content.ques-detail .wrap .user-comment-list .play-comment-answer-list .title{margin-top:0;}

.play-comment-answer-list .title .text .text{font-size: 18px;}
.course-list .title .text-detail{margin-top: 20px;margin-left: 52px;  padding: 15px 0 0 0;border-top:#ddd 1px solid;line-height: 24px;}
.play-comment-answer-list .title .text-detail{margin-top: 20px;margin-left: 52px;  padding: 15px 0 0 0;border-top:#ddd 1px solid;line-height: 24px;}


.index-main-nav .icon-nav-list .row.first{margin-bottom: 20px;}




/*20190326播放列表章节分割*/
.detail-video-list .collapse-title a{position: relative; display: inline-block;border: #eee 1px solid; padding: 15px 10px;font-weight: 600;  color: #333; width: 100%;margin-bottom:0px;text-align: left;font-size: 18px;}
.detail-video-list .collapse-title a:active{background: #fcfcfc;}
.detail-video-list .collapse-title a:hover{background: #fcfcfc;}
.detail-video-list .collapse-title a:focus{background: #fcfcfc;}
.collapse-content{padding: 0 0 20px 0;}
.detail-video-list .collapse-title a span{display: block; width: calc(100% - 40px);white-space:normal;}
.detail-video-list .collapse-title a em{position: absolute;right: 20px;top:15px;}
.detail-video-list .collapse-title a em i{font-size: 20px;}
.detail-video-list .collapse-title a.collapsed em i{font-size: 20px; }
.detail-video-list .collapse-title a em i:before{transition: transform .25s linear;
    transform: rotate(0);display: inline-block; }
.detail-video-list .collapse-title a.collapsed em i:before{	transition: transform .25s linear;
    transform: rotate(-180deg);}
.detail-video-list .list-collapse{margin-bottom: 20px;overflow: hidden;}
/*newadd*/
.detail-video-list.play-video-list .collapse-content li:last-child{margin-bottom: 0;}
.detail-video-list.play-video-list .collapse-content li:first-child{margin-top: 20px;}
.detail-video-list .collapse-title a{margin-bottom: 0}
.collapse-content{padding-bottom: 0;}



/* 20190411修改部分问答样式 */
.play-comment-answer-list .answer-list span.text{position:relative;display:block;padding-left:80px;font-size:14px;}
.play-comment-answer-list .answer-list .text em{position:absolute;left:0;}
.play-comment-answer-list .answer-list .text em.badge{left:40px;}
.play-comment-answer-list .title .text-detail{margin-left:78px;font-size:14px;}
.play-comment-answer-list .title .text .text{line-height:42px;}
.play-comment-answer-list .sub .label{padding:1px 3px;border:#fa8c16 1px solid;background:#fff;color:#fa8c16;}
.play-comment-answer-list .answer-list .text em.avatar img{width:30px;}
.play-comment-answer-list .title{margin-bottom: 80px;}



/* 20190411修改部分课程展示页面 */
.course-detail-body .teacher-box .detail{font-size: 14px;}
.teacher-content p.fade_in{min-height: 300px;}
.teacher-content p{min-height: auto;}

/* 20190411新QQ客服部分 */
.rightsidebar .wrap{position:relative;cursor:pointer;}
.rightsidebar .wrap i{transition:.3s;}
.rightsidebar .qq-service{position:absolute;top:0;right:-264px;z-index:90;width:150px;background:#fff;box-shadow:-2px 0 8px 0 rgba(0,0,0,.08);transition:.3s ease;}
.rightsidebar .qq-service .icon-qq{display:inline;margin-right:10px;height:auto;font-size:12px;line-height:inherit;}
.rightsidebar .qq-service .icon-qq:before{content:'\f600';}
.rightsidebar .qq-service dl{margin:0;}
.rightsidebar .qq-service dl dd{height:42px;line-height:42px;}
.rightsidebar .qq-service dl dd a{display:block;width:100%;height:100%;}
.rightsidebar li:hover .wrap{color:#1890ff;}
.rightsidebar li:hover .qq-service span{color:#333;}
.rightsidebar li:hover .qq-service dd a:hover span{color:#1890ff;}
.rightsidebar li:hover .qq-service{right:64px;}




/* 20190508新增下载功能页面 */



.recommend-download-list ul li{margin-bottom: 10px;padding-bottom: 0;}
.recommend-download-list .bg-panel{padding-bottom: 0;}
.recommend-download-list .bg-panel>.title{font-size: 16px;}

.down-detail-body{margin-top: 20px;}
.down-detail-body .content.content {
  width: calc( 100% - 250px);
  padding: 0;
}
.down-detail-body .right-box {
  width: 230px;
  padding: 0;
}

.download-detail-box .title{position: relative; font-size:18px;margin-bottom: 20px;color: #333;}
.download-detail-box .title:after{content: '';display: block;position: absolute;top: 45px; width: 100px;height: 3px;background:#1890ff; }








/* 20190617浮动广告 */
.lefttop{top:10px;left:10px;}
.righttop{top:10px;right:10px;}
.leftbottom{bottom:10px;left:10px;}
.rightbottom{right:10px;bottom:10px;}
.float_ad{position:fixed;z-index:99999999;width:125px;height:125px;}
.float_ad a{display:block;width:100%;height:100%;}
.float_ad a img{width:100%;height:100%;}
.float_ad .close-bt{position:absolute;top:0;right:0;width:20px;height:20px;background:#3280fc;cursor:pointer;transition:.3s ease;}
.float_ad .close-bt:hover{opacity:.6;}
.float_ad .close-bt::after,.float_ad .close-bt::before{position:absolute;top:50%;left:3px;margin-top:-1px;width:70%;height:2px;background:#fff;content:'';}
.float_ad .close-bt::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.float_ad .close-bt::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}





/* 20190716刷题功能 */
.user-top.quesbank-top{background: url(../img/quesbg.jpg) center center; }
.ques_class_choice{margin-bottom: 20px;position: relative;padding-bottom: 0;}
.ques_class_choice .dropdown{display: inline-block;vertical-align: top;}
.ques_class_choice hr{margin-bottom: 0;}
.ques_class_choice .dropdown-menu>li>a{padding: 10px 20px;}
.ques_class_choice .dropdown-header{background: #eee;font-weight: 100;padding: 10px 20px;}
.ques_class_choice .title{font-size: 20px;font-weight: bold;display: inline-block;}
.ques_class_choice .btn{height: 30px;line-height: 30px; vertical-align: top;display: inline-block;padding:0  15px;border:none;}
.ques_class_choice .btn.btn-border{background: #fff;color: #1890ff;margin-left: 10px;}
.ques_class_choice .btn.btn-border.left{position: relative;}
.ques_class_choice .btn.btn-border.left::before{
  content: '';
  position: absolute;
  border-right: #ddd 1px solid;
  display: block;
  width: 1px;
  height: 20px;
  right: -8px;
  top: 5px;
}
.ques_class_choice .box{margin-top: 10px;position: absolute;width: 400px;    padding: 16px 20px 12px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 12px 14px rgba(0,0,0,.05);}
  .ques_class_choice .button-nav ul li{display: inline-block;width: 189px;text-align: center;}
  .ques_class_choice .button-nav ul li.active a{border-bottom: #1890ff 5px solid;box-shadow: #eee 0px 0px 10px;color: #1890ff;}
  .ques_class_choice .button-nav ul li a{display: block;width: 100%;height: 100%;padding: 30px 0;}
  .ques_class_choice .button-nav ul li a:hover{background: #f7f7f7;;}
  .ques_class_choice .button-nav ul li a img{width: 50px;;}

  .exam-model .modal-body{padding: 0;}
  .exam-model .title{display: inline-block;width: 100%;font-size: 16px;overflow: hidden;color: #000;margin-bottom: 20px;color: #777;}
  .exam-model .top{background: #fcfcfc;padding: 30px 20px;}
  .exam-model .bottom{background: #eee;padding: 30px 20px;}
  .exam-model ul li{display: inline-block;margin-right: 10px;}
  .exam-model ul li a{padding: 6px 20px;border-radius: 30px;font-size: 16px; }
  .exam-model .top ul li a{background:#e6f7ff;}
  .exam-model .bottom ul li a{background:#fff; box-shadow: 0px 0px 30px rgba(0,0,0,.1);}


.quesbank_part-list{padding: 0;}
.quesbank_part-list .tree-menu{border:none;}
  .quesbank_part-list .tree-menu li{border-bottom: #eee 1px solid;}
  .quesbank_part-list .tree-menu li.open{border-bottom: none;}
  .quesbank_part-list .tree-menu li.open ul>li:last-child{border-bottom: none;}
 .quesbank_part-list .tree-menu>li>a{font-size: 16px;padding: 20px;}
 .quesbank_part-list  .tree-menu li li .part{padding: 20px 150px 20px 42px;position: relative;}
 .quesbank_part-list .tree-menu>li.open>a{border-bottom: #eee 2px solid;}
 .quesbank_part-list .tree-menu li>ul{background: #fff;}
 .quesbank_part-list  .tree-menu li .list-toggle{top: 22px;right: 20px;}
 .quesbank_part-list  .tree-menu li>a:active, .quesbank_part-list  .tree-menu li>a:focus, .quesbank_part-list   .tree-menu li>a:hover{color: #1890ff;}
 .quesbank_part-list .tree-menu .sub{vertical-align: top;margin-top: 5px;}
 .quesbank_part-list .tree-menu .progress{display: inline-block;width: 120px;margin-bottom: 0;}
 .quesbank_part-list .tree-menu .num{display: inline-block;width: 200px;vertical-align: top;margin-left: 20px;color: #aaa;}
 .quesbank_part-list .progress{height: 12px;}
 .quesbank_part-list .start{position: absolute;right: 20px;top: 50%;margin-top: -16px;}
 .quesbank_part-list .start .btn{border-radius: 30px;padding: 5px 20px;background: #fff;color: #1890ff;}
 .quesbank_part-list .start .btn:hover{background: #1890ff;color: #fff; }
 .quesbank_part-list .tree-menu li>a>.icon{color: #aaa;}

 .quesbank_exam_list.course-list.note-list .tool-box .btn{margin-top: 15px;}
 .quesbank_exam_list.course-list.note-list .detail .num{margin-bottom: 0px;}

 .exam-paper-model .main-title{font-size: 24px;    padding:0 0 20px 0;border-bottom: #e5e5e5 dashed 1px;text-align: center;line-height: 30px;}
 .exam-paper-model .top{overflow: hidden;}
 .exam-paper-model .top ul{padding: 20px 0;}
 .exam-paper-model .top ul li {
  width: 50%;
  line-height: 28px;
  float: left;
  zoom: 1;
  font-size: 14px;
}
.exam-paper-model .top ul li label {
  text-align-last:justify;
text-align: justify;
  width: 60px;
  font-weight:100;
  color:#aaa;
}

.exam-paper-model .bt{padding: 20px 0;}
.exam-paper-model .bt .title{font-size: 16px;}
.exam-paper-model .bt ul li{margin-bottom: 15px;}
.exam-paper-model .bt .sub{color: #aaa;}
.exam-paper-model .bt i{color: #1890ff;margin-right: 10px;font-size: 20px;}
.exam-paper-model .modal-footer{padding: 0;}
.exam-paper-model .modal-footer .btn{width: 50%;display: inline-block;float: left;margin:0;border-radius: 0;border:none;padding: 0;height: 50px;line-height: 50px;font-size: 18px;}


.quesbank_part-list .start.hard .btn{color: #f5222d;}
.quesbank_part-list .start.hard .btn:hover{background: #f5222d;color: #fff;}
.ques_main_num{margin-bottom: 20px;font-size: 16px;}
.ques_main_num span{color: #f5222d;font-size: 24px;margin: 0 20px;}
.ques_main_num em{color: #aaa;}
.ques_main_num .clear-record{margin-top:3px;}

.clear-record{border: none;background: #fff;vertical-align: middle;color: #1890ff;}


.quesbnak_paper_page .progress-box .progress{width: 80%;display: inline-block;margin-bottom: 0;vertical-align: middle;}
.quesbnak_paper_page .progress-box .progress .progress-bar-success{background: #FDC830;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

.quesbnak_paper_page .progress-box .text{width:18%;display: inline-block;vertical-align: middle;text-align: right;font-size: 16px;}
.quesbnak_paper_page .progress-box .text span{color: #f5222d;}
.quesbnak_paper_page .tool-box .switch{float: left;width: 100px;vertical-align: middle;}
.quesbnak_paper_page .tool-box .switch~.switch{margin-left: 40px;}
.quesbnak_paper_page .tool-box .switch>label{padding: 9px 0 9px 36px}
.quesbnak_paper_page .tool-box .switch>label:after{top: 10.5px;}
.quesbnak_paper_page .tool-box .switch>label:before{top: 10px;}
.quesbnak_paper_page .youranswer{margin-left: 20px;}

.quesbnak_paper_page .analysis-list{margin-top: 20px;}
.quesbnak_paper_page .analysis-list .icon-star{color: #ffb200;}
.quesbnak_paper_page .analysis-list span{color: #aaa;}

.quesbank_report .num-box{width: 300px;float: left;overflow: hidden;}
.quesbank_report .table-box{width: calc(100% - 300px);float: left;height: 230px;padding: 40px 20px;overflow: hidden;}
.quesbank_report.modal-dialog.report-tip ul li:first-child{margin-right: 30px;}
.quesbank_report.modal-dialog.report-tip ul li~li{margin-right: 30px;}
.quesbank_report .score-detail{border-top: #eee 1px solid;overflow: hidden;width: 100%;}
.quesbank_report .score-detail i{color: #ffb200;}
.quesbank_report.modal-dialog.report-tip ul{margin-top: 18px;}


.ques_record .button-nav i{font-size: 30px;margin: 10px 0;display: block;}

.ques_report_num{margin: 0 0 20px 0;}
.ques_report_num ul li{text-align: center;}
.ques_report_num ul li .bg-panel{padding: 50px 10px;}
.ques_report_num .num{font-weight: 600;
  font-size: 42px;}
  .ques_report_num .num em{font-size: 16px;}
  .ques_report_num .title{color: #aaa;}
  .record-circle-progress .bg-panel{padding: 50px 10px;}
  .record-circle-progress .progress-box{text-align: center;}
  .record-circle-progress .course-list .circle{width: 160px;}
  .record-circle-progress .course-list .circle strong{font-size: 38px;padding-top: 10px;}
  .record-circle-progress .course-list .circle strong em{position: relative;top: -10px;}
  .record-circle-progress .sub{margin-top: 20px;color: #1890ff;}


  .collection-tool .switch{display: inline-block;float:right;}
  .collection-list.quesbank_part-list .start .btn{border: #722ed1 1px solid;color: #722ed1;transition: .3s ease;}
  .collection-list.quesbank_part-list .start .btn:hover{background: #722ed1;color: #fff;}
  .error-list.quesbank_part-list .start .btn{border: #f5222d 1px solid ;color: #f5222d;transition: .3s ease;}
  .error-list.quesbank_part-list .start .btn:hover{background: #f5222d;color: #fff;}


  .screen-list.record-screen .nav-pills .select{margin-left: 10px;}



  /* 20190816章节新增可做题 */
  .quesbank_part-list .tree-menu>li>a.part{cursor: inherit;}


  /* 20190820新增多条练题记录折叠 */
  .quesbank_exam_list .old-ul{border-top: #eee solid 1px;padding: 10px 20px;}
  .quesbank_exam_list .old-ul .content{padding: 0 0 0 30px;position: relative;transition: .3s ease;}
  .quesbank_exam_list .old-ul .content.old-list .detail{padding: 10px 0;}
  .quesbank_exam_list .old-ul .content.old-list .title{font-size: 14px;margin-bottom: 10px;}
  .quesbank_exam_list .old-ul .content.old-list .num li{font-size: 12px}
  .quesbank_exam_list .old-ul .content.old-list .num li span{font-size: 12px}
  .quesbank_exam_list .old-ul .content.old-list::before{
    content: '';
   position: absolute;
   display: block;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   border: #999 1px solid;
   left: 0;
   top: 50%;
   margin-top: -6px;
   background: #fff;
   z-index: 99;
  }
  .quesbank_exam_list .old-ul .content.old-list::after{
    content: '';
   position: absolute;
   display: block;
   width: 1px;
   height: 100%;
   border-left: #eee 1px solid;
   left: 5.5px;
  }
  .quesbank_exam_list .old-ul .content .btn-default{background: #fff;box-shadow: none;color: #999;margin-top: 9px !important;}
  .course-list .content.old-list .detail .num li{color: #aaa;}
  .course-list.note-list .detail .title .icon-angle-down{font-size: 18px;cursor: pointer;padding-left: 10px;font-weight: bold;color: #1890ff;transition: .3s;}
  .course-list.note-list .detail .title .icon-angle-down:hover{opacity: .75;}
  .course-list.note-list .detail .title .icon-angle-down:before{
    display: inline-block;
    transition: transform .25s linear;
    transform: rotate(0);
}
  .course-list.note-list .detail .title .icon-angle-down.collapsed:before {
    transition: transform .25s linear;
    transform: rotate(-180deg);
}




/*20191031新增报名测试*/
.right-box.full-box{width: 1200px;}
.right-box.full-box .user-config{overflow: visible;}
.right-box.full-box input{height: 50px;line-height: 50px;}
.right-box.full-box select{height: 50px;line-height: 50px;}
.right-box.full-box .chosen-single{height: 50px;padding: 14px 8px;}
.right-box.full-box .chosen-container-single .chosen-single div{top:12px;}

.right-box.full-box .user-config form .control-label{padding-top: 15px;}

.right-box.full-box button{height: 50px;padding:12px 8px;font-size:18px;width: 30%;}
.right-box.full-box .index-ad{margin-bottom: 25px;border-radius: 5px;overflow:hidden;}
.right-box.full-box .chosen-container-single .chosen-single abbr{top: 20px;opacity: .75;color: red;}





/*双11大促CSS*/
/* .main-course-list .card{position: relative;}
.main-course-list .card:before{
	position: absolute;
	display: block;
	width: 35%;
	height: 17.5%;
	z-index: 99;
	right: 0;
	content: '';
	background: url('https://www.ynjsedu.cn/springUpload/ftp/img/s112.png');
	background-size:cover; 
}
.ul.rightsidebar li.erjian img{
    width: 150px;
    height: 320px;
} */


/* 20200214排名页面 */
.rank-wrap hr{margin-bottom: 0;}
.user-main-content .all-rank{margin-bottom: 0;}
.user-main-content .all-rank .rank1{color: gold;font-weight: 600;}
.user-main-content .all-rank .rank2{color: silver;font-weight: 600;}
.user-main-content .all-rank .rank3{color: brown;font-weight: 600;}
.user-main-content .myrank th{background: #e6f7ff;border: none;}
.user-main-content .myrank td{color: #1890ff;font-weight: 600;}
.user-main-content .all-rank td{padding: 15px 8px}
.user-main-content .myrank td{padding: 15px 8px}
.table-page {text-align: center;}


/*20200410直播页面*/
.zhibo-page{background: #062edb;}


/*直播特惠*/
/* .main-course-list .card{position: relative;}
.main-course-list .card:before{
	position: absolute;
	display: block;
  width: 80px;
  height: 24px;
	z-index: 99;
  right: 0;
  top:10px;
  content: '直播特惠';
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 24px;
	background: #FDC830;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: #111 0px 0px 5px;
} */





/* 20210325下载模块修改 */
.download-list{background: #fff;width: 100%;border-radius: 4px;padding: 0 20px;}
.download-list ul li{padding: 20px 0; border-bottom: #eee 1px solid;overflow: hidden;}
.download-list ul li:last-child{border: none;}
.download-list  .icon{width: 56px;float: left;}
.download-list  .icon img{width: 56px;}
.download-list  .detail{float: left;width: calc(100% - 156px);padding:0 15px;}
.download-list  .detail .title{font-size: 16px;}
.download-list  .detail .sub-title{color: #777;}
.download-list  .detail dl{margin-bottom: 0;margin-top: 5px;}
.download-list  .detail dd{display: inline;margin-right: 20px;color: #bbb;}
.download-list  .button-box{width: 100px;float: left;padding-top: 18px;}
.download-list  .button-box .btn{background: #fff;color: #1970fc;width: 100%;border-radius: 25px;position: relative;top:0;transition: .3s ease;}
.download-list  .button-box .btn:hover{background:  #1970fc;color: #fff;top:-3px;}

.download-tj-list{width: 100%;overflow: hidden;}
.download-tj-list a{display: block;width: 100%;}
.download-tj-list .icon{width: 56px;float: left;}
.download-tj-list .title{font-size: 16px;}
.download-tj-list  .icon img{width: 56px;}
.download-tj-list  .detail{float: left;width: calc(100% - 56px);padding:0 0 0 15px;}
.download-tj-list .sub dd{display: inline;margin-right: 10px;color:#aaa;}
.download-tj-list  li {
  padding: 5px 0;
  border-bottom: #eee 1px solid;
  overflow: hidden;
}
.download-tj-list  li:last-child{border: none;  margin-bottom: 0;}

.download-tip{box-shadow: #ddd 0px 0px 8px;}

.course-detail-top.download-left .pic{width: 56px;}
.course-detail-top.download-left .detail{width: 800px;}
.course-detail-top.download-left .course-recommend{padding-left:20px;float: left;width: 323px;}
.course-detail-top .course-recommend .card-heading{font-size: 16px;}
.course-detail-top .course-recommend i{color:#bbb;}
.course-detail-top .float-tip{display: block;position: absolute;background:#ea644a;color:#fff;padding: 8px;top: 15px;}

.down-detail-body .content.content.download-left{width: 800px;}
.down-detail-body .right-box.download-right{width: calc(100% - 820px);}


.index-list{background: #fff;width: 100%;border-radius: 4px;padding: 20px;}
.index-list .title-box{width: 100%;overflow: hidden;border-bottom:#ddd 1px solid;}
.index-list .title-box .title{padding-bottom: 5px; font-size: 22px;font-weight:600;border-bottom:#3280fc 5px solid;}
.index-list .title-box .class-list ul{border-bottom: none;position: relative;top: 3px;}
.index-list .title-box .class-list li a{display: inline-block;background:#f5f5f5; margin-left:2px;font-size: 16px;border-bottom: none;}
.index-list .title-box .class-list li.active a{background:#3280fc ;color: #fff;}

.index-list dl dd{display: inline-block;width: 20%;float: left;font-size: 14px;line-height: 28px;}
.index-list .tab-content{margin-bottom: 0px;overflow: hidden;}
.index-list .tab-content span{color:#aaa;margin-left:5px;}


.download-class-title{overflow: hidden;}
.download-class-title .top-box{width: 100%;clear: both;height:auto;overflow: hidden;}
.download-class-title .pic-box{width: 150px;float: left}
.download-class-title .detail-box{width: calc(100% - 150px);float: left;}
.download-class-title .title{font-size: 20px;text-align: center;font-weight: 600;margin-bottom: 10px;}
.download-class-title .detail-box ul li{display: inline-block;width: 50%;height: 50px;float: left;text-align: center;}
.download-class-title .detail-box ul li span{width:100%;display: inline-block;}
.download-class-title .detail-box ul li span.text{color:#aaa;}
.download-class-title .detail-box ul li span.num{font-size: 16px;}
.download-class-title p{font-size: 14px;line-height: 21px;color:#777;margin-bottom: 20px;}
.download-class-title hr{margin:10px 0 20px 0;}

.download-list.list3 .pic{width: 210px;float: left;}
.download-list.list3 .detail{width:calc(100% - 220px);padding-right: 0;}
.download-list.list3 .icon{display: inline;float:inherit;margin-right:5px;}
.download-list.list3 .img-thumbnail{border: none;padding: 0;}


.download-list.list3 .icon-img{position: relative;}
.download-list.list3 .icon-img .tip{background: #3280fc;padding: 5px;color:#fff;position: absolute;transition: .3s ease;opacity: 0;}
.download-list.list3 .icon-img:hover .tip{opacity: 1;}
.download-list.list3 .icon-img .tip:hover{opacity: .7;}

.download-list .sub-title{margin-top: 10px;}
.download-list  .detail .title{font-size: 18px;}


.course-detail-top.download-left.left2 .pic{width: 350px;}
.recommend-download-list.list2{}

.hot-tag .label{margin-bottom: 20px;display: inline-block;padding: 8px 5px;}
.hot-list li a{
  display: inline-block;width: 100%;line-height: 36px;
  width: 100%;border-bottom: #eee 1px dotted;
  min-height: 36px;
}
.hot-list li:last-child a{border:none;}
.hot-list li a span{position: relative;margin-right: 10px;top:-1px}

.hot-list{margin-bottom: 5px;display: inline-block;width: 100%;overflow:hidden;}

.modal-dialog.wxdownload{
  text-align: center;;
}
.modal-dialog.wxdownload p{font-size: 18px;color:#3280fc;margin-top: 20px;}
.modal-dialog.wxdownload  img{width: 200px;}

.course-detail-top h2 .vip-free{margin-left: 5px;}

.download-comments .avatar{width: 50px;}
.download-comments .avatar img{width: 40px;
border-radius: 50%;}
.down-detail-body .download-comments  .content{margin-right: 0;width: 100%;}
.download-comments .text-muted{color:#aaa;}
.download-comments a{color:#3280fc;}
.download-comments a.btn{color:#fff;}

.download-comments .form.re{display: inherit;
padding-left:50px;margin-top: 5px;}

.download-comments .title.top{width:50%;}
.download-comments .title.top span{color:#aaa;}


.index-banner.download-banner .swiper-container{height: 400px;margin-left: 0;}

.vip-page .breadcrumb{padding-left:20px;}
.vip-page .article-top.bg3{height:400px; background: url(../img/vip.jpg) center center no-repeat;}


.vip-page .contrast{
	width: 100%;
	height: 678px;
	box-sizing: border-box;
	margin-top: 40px;
}
.vip-page .contrast img{
	width: 21px;
	vertical-align: top;
	margin-top: 14px;
}
.vip-page .contrast i{font-size: 16px;}
.vip-page .border-r{
	border-right: 1px solid #d4d4d4;
}
.vip-page .normal-ul{
	width: 25%;
  float: left;
  border:#eee 1px solid;
}
.vip-page .normal-ul li{
	display: block;
	height: 50px;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	color: #333;
}
.vip-page .normal-ul li:nth-of-type(1){
	height: 126px;
}
.vip-page .normal-ul li:nth-of-type(2n){
	background: #f8f5ed;
}
.vip-page .special-ul{
	width: 276px;
	float: left;
	border: 1px solid #e9c27e;
	background: #fff9e8;
	box-sizing: border-box;
	position: relative;
	top: -7px;
} 
.vip-page .special-ul li{
	display: block;
	height: 50px;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	color: #333;
}
.vip-page .special-ul li:nth-of-type(1){
	height: 132px;
}
.vip-page .special-ul li:nth-of-type(2n){
	background: #f8efd8;
}
.vip-page .list-title{
	height: 50px;
	padding-top: 15px;
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 50px;
}
.vip-page .special-ul .greene{
	color: #1da61e;
}
.vip-page .vbtn{
	display: block;
	width: 126px;
	height: 38px;
	margin: 0 auto;
	background-color: #f9d681;
	border-radius: 19px;
	font-size: 14px;
	color: #333333;
	line-height: 38px;
	margin-top: 5px;
}
.vip-page .ebtn{
	display: block;
	width: 126px;
	height: 38px;
	margin: 0 auto;
	box-sizing: border-box;
	border-radius: 19px;
	font-size: 14px;
	color: #ee2d2e;
	border: 1px solid #ee2d2e;
	line-height: 38px;
	margin-top: 5px;
	cursor: pointer;
}


.user-top .vip-tip a{font-size: 12px;
position: relative;top: -2px;margin-left:10px;padding: 3px 10px;}
.user-top .tip{color:#fff}


.user-top{overflow: hidden;}
.user-top .avatar{width:500px}
.user-top .ava-box{height: 180px;float: left;}
.user-top .avatar .detail-box{height: 180px;
  line-height: 24px;padding-top: 45px;
padding-left: 90px;}
.user-top .avatar .title{margin-bottom: 5px;}
.user-top .avatar .vip-tip{margin:0 10px;}



/* 20200414修改资料评论部分 */
.download-detail-box .comments .pager-box{width: 100%;
display: flex;align-items:center;justify-content:center;}
.download-detail-box .comments .pager-box.pager{margin:0 auto;}
.download-detail-box .comments  hr{margin:10px 0;
font-size: 12px;}


/* 20200415新增搜索框自动完成样式 */
.search-box .search-autocomplete{position:absolute;top:30px;background:#fff;width:230px;border:#1890ff 1px solid;padding:8px 0 5px 0;z-index:9999;border-top:none}
.search-box .search-autocomplete ul{overflow:hidden;width:230px}
.search-box .search-autocomplete ul li{display:inline-block;padding:0 10px;width:100%;font-size:14px;height:21px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:.3s ease}
.search-box .search-autocomplete ul li:hover{color:#1890ff}


/* 20210421修改VIP标价样式 */
.vip-free a{padding:3px 8px;}
.vip-free a:hover{opacity:.75;}
.vip-free .text{margin-left:10px;}
.vip-free .text:after{position:relative;top:-.06em;left:-78px;display:inline-block;width:1px;height:.9em;background:#999;color:rgba(0,0,0,.65);content:'';vertical-align:middle;}
.course-detail-top .status{margin-bottom:5px;}
.course-detail-top .status .tip{float:left;width:70px;}
.course-detail-top .status .sub{color:#aaa;}
.course-list .content .detail.overdue .pic a:before{position:absolute;z-index:99;display:block;width:185px;height:100%;background:rgba(255,255,255,.5);color:#fff;content:"该课程已过期";text-align:center;text-shadow:#000 0 2px 20px;font-weight:600;font-size:18px;line-height:102px;}
.main-course-list .cards .overdue .card:before{position:absolute;top:0;z-index:99;display:block;width:100%;height:100%;border-radius:0;background:rgba(255,255,255,.5);color:#fff;content:"该课程已过期";text-align:center;text-shadow:#000 0 2px 20px;font-weight:600;font-size:18px;line-height:230px;}
.course-detail-top .detail .title .label{margin-right:5px;font-size:14px;}
.course-list .content .detail .sub .text{font-size:12px;}
.order-list .content .sub{margin-top:5px;color:#999;font-size:12px;}
.order-list .content .sub .text{font-size:12px;}
.order-list li.overdue .pic a:before{position:absolute;top:0;z-index:99;display:block;width:144.16px;height:100%;border-radius:0;background:rgba(255,255,255,.5);color:#fff;content:"已过期";text-align:center;text-shadow:#000 0 2px 20px;font-weight:600;font-size:18px;line-height:80px;}


/* 
20210427下载空状态提示样式 */
.download-list li.bg-panel.noinfo-tip{padding:100px 0;text-align:center;font-size:18px;}
.download-list li.bg-panel.noinfo-tip a{padding:0 5px;color:#1890ff;}
.download-list li.bg-panel.noinfo-tip a:hover{opacity:.75;}
.download-list li.bg-panel.noinfo-tip .text{margin-top:35px;}
.download-list li.bg-panel.noinfo-tip img{width:200px;}




  /* 20190508新增下载功能页面 */

  .recommend-download-list ul li{margin-bottom: 10px;padding-bottom: 0;}
  .recommend-download-list .bg-panel{padding-bottom: 0;}
  .recommend-download-list .bg-panel>.title{font-size: 16px;}
  
  .down-detail-body{margin-top: 20px;}
  .down-detail-body .content.content {
    width: calc( 100% - 250px);
    padding: 0;
  }
  .down-detail-body .right-box {
    width: 230px;
    padding: 0;
  }
  
  .download-detail-box .title{position: relative; font-size:18px;margin-bottom: 20px;color: #333;}
  .download-detail-box .title:after{content: '';display: block;position: absolute;top: 45px; width: 100px;height: 3px;background:#1890ff; }

.breadcrumb{line-height: 36px;}


/* 
20210427修改个人中心VIP展示方案 */
.user-top .vip-tip .more-tip{
color: #fff;
  position: relative;
  font-size: 13px;
  top: 0px;
  transition: .7 ease;
  opacity: 1;
}
.user-top .vip-tip .more-tip:hover{
  opacity: .7;
}
.user-top .vip-tip .more-tip:after{
  position: absolute;
    top: 9px;
    right: 68px;
    display: block;
    width: 1px;
    height: 10px;
    background: #fff;
    content: '';
    opacity: .3;
}

.vip-list-box .vip-tool{
  text-align:center
}
.vip-list-box .vip-tool .btn{width: 300px;height: 52px;}
.vip-list-box .vip-tool .btn i{font-size: 20px;}


.mobel-page{display: none;}
@media all and (max-width:800px){
.mobel-page{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  flex-shrink: 0;
  position: absolute;
  top: 0vw;
  right: 0vw;
  bottom: 0vw;
  left: 0vw;
  width: 100vw;
  overflow: hidden;
  z-index: 999999999;
}
.mobel-page img{width: 100%;}
.container{display: none !important;max-width: 0px !important;}
ul{display: none;}
.container-fluid{display: none;}
.footer{display: none;}
}



/* 20211008雪飞翔官网新增首页部分 */
/* 新闻资讯模板 */
.index-news .text-box{background:#3280fc;color:#fff;padding:20px 15px;height:auto;overflow:hidden}
.index-news .text-box .date{width:75px;float:left;font-size:24px}
.index-news .text-box .date .date{font-size:20px}
.index-news .text-box .text{width:calc(100% - 80px);float:left}
.index-news .text-box .text .title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index-news .text-box .text .detail{font-size:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-news .text-box hr{margin:10px 0;opacity:.5}
.index-news .news-list .nav-tabs{display:inline-block;width:100%;}
.index-news .news-list .nav-tabs li a{display:inline-block;padding:10px 20px;border:none;border-radius:0;color:#777}
.index-news .news-list .nav-tabs li a::after{content:'';position:absolute;width:1px;height:10px;background:rgba(170,170,170,.3);top:16px;right:-2px}
.index-news .news-list .nav-tabs li.active a{background:#3280fc;color:#fff}
.index-news .news-list ul li{overflow:hidden}
.index-news .news-list ul li .title{width:580px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.index-news .news-list ul li .detail{width:580px;color:#777;font-size:14px;  transition: .3s;margin-top:8px;line-height:16px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left}
.index-news .news-list ul li.first{margin-bottom:30px;font-size:16px}
.index-news .news-list ul li.first .date{position:relative;top:-25px;font-weight: bold;height: 40px;margin-right: 7.5px;}
.index-news .news-list ul li.first .date .year{font-size: 20px;}
.index-news .news-list ul li.first .title::after{content:'';position:absolute;width:575px;height:1px;background:rgba(0,0,0,.1);left:0;margin:44px 10px 0 10px}
.index-news .news-list ul li .title::after{content:'';position:absolute;width:calc(100% - 20px);height:1px;background:rgba(0,0,0,.1);left:0;margin:48px 10px 0 10px}
.index-news .news-list .tab-content ul li{line-height:48px}
.index-news .news-list ul li:hover .detail{
  color:#1890ff;
}

.index-news .top-box{
  transition: .3s ease;
  box-shadow: 5px 8px 20px rgba(0, 0, 0, 0);
}
.index-news .top-box img{
  transition: .3s ease;
}
.index-news .img-box{
 overflow: hidden;
}
.index-news .top-box:hover {
  box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.15);
}
.index-news .top-box:hover img{
  transform: scale(1.08);
  transition: .3s ease;
}



/* 首页关于我们 */
.index-aboutus{
  margin:30px 0;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.index-aboutus .left{
  position: relative;
  background:#f8f8f8;color:#333;
  padding: 40px 80px 40px 40px;
  width:60%;
  float: left;
}
.index-aboutus .left .title{
  font-size: 20px;
  font-weight: 600;
}
.index-aboutus .left .sub{
  font-size: 16px;
  opacity: .5;
}
.index-aboutus .left .detail{
  line-height: 2;
  opacity: .7;
}
.index-aboutus .right{
  position:absolute;
  width:530px;
  right: 0;
  top: 50%;
  margin-top:-165px
}
.index-aboutus .btn{
  border:#777 1px solid;
  margin-top:20px;
  padding:5px 30px;
  color: #777;
  opacity: .7;
}
.index-aboutus .btn:hover{
  color:#777;
}


/* 首页产品介绍 */
.index-pro-list .row{margin:0;}
.index-pro-list a{display:block;margin:10px 0;width:100%;}
.index-pro-list .icon{display:inline-block;width:100%;background:#fff;text-align:center;}
.index-pro-list .icon img{margin:30px auto;width:25%;transition:.3s ease;transform:scale(1);}
.index-pro-list .text-box{padding:15px;}
.index-pro-list dl{height:50px;}
.index-pro-list .title{margin-bottom:10px;color:#000;font-size:18px;transition:.3s;text-align: center;}
.index-pro-list .detail{height:80px;color:#777;transition:.3s;}
.index-pro-list hr{margin:10px 0;}
.index-pro-list li{border:#ddd 1px solid;border-right:0;transition:.3s;z-index: 9;}
.index-pro-list li .text-box{transition:.3s;}
.index-pro-list li:hover{background:#3280fc;color:#fff;}
.index-pro-list li:last-child{border:#ddd 1px solid;}
.index-pro-list li dd{position:relative;display:inline-block;margin-right:30px;padding-left:10px;color:#aaa;transition:.3s;}
.index-pro-list li dd::after{position:absolute;top:7px;left:0;display:block;width:5px;height:5px;background:#3280fc;content:'';transition:.3s;}
.index-pro-list li:hover{border:#3280fc 1px solid;box-shadow:rgba(0,0,0,.2) 5px 8px 20px;transform:scale(1.1);z-index: 99;}
.index-pro-list li:hover .title{color:#fff;}
.index-pro-list li:hover .detail{color:#fff;}
.index-pro-list li:hover dd{color:#fff;}
.index-pro-list li:hover dd::after{background:#fff;}
.index-pro-list li:hover .icon img{transition:.3s ease;transform:scale(1.2);}

.index-num-list{text-align: center;margin:30px auto 0 auto;padding: 50px 0;
  background-color: #f8f8f8;}
.index-num-list .num-box{font-size: 60px;color:#f26827;margin-left:40px;}
.index-num-list .num-box:after{
  content:'+';
  font-size: 10px;
  position: relative;
  left:-15px;
  top:-10px
}
.index-num-list .num-box .class{font-size:14px;}
.index-num-list .num-box div{display: inline;}
.index-num-list .title{font-size: 18px;}
.index-num-list .sub{color:#aaa;}



/* 20220329新增培训页面UI */
.bg-panel.train-top{
  background: #031d47;
}
.bg-panel.train-top .breadcrumb a{
  color:#ddd;
}
.bg-panel.train-top .breadcrumb>.active{
  color:#aaa;
}
.bg-panel.train-top .course-detail-top .detail .title{
  color:#eee;
}
.bg-panel.train-top .course-detail-top .pic{
width:250px;
}
.bg-panel.train-top .course-detail-top .detail-text{
margin-top:20px;
}
.bg-panel.train-top .course-detail-top .detail-text a{
  color:#eee;
  opacity: 1;
  transition: .3s ease;
 
}
.bg-panel.train-top .course-detail-top .detail-text a:hover{
  opacity: 0.8;
}


.train-detail-page .right-box{
  position: relative;
  top:-120px;
}

.train-detail-page .right-box .main-bt{
  display: inline-block;
  width: 100%;
  font-size: 16px;
  padding: 10px 0;
}

.train-detail-page .download-detail-box{
  margin-bottom: 20px;
}

.train-detail-page .bg-panel.nav-secondary{
  padding: 0;
}
.train-detail-page .train-introduction-title h4{
  font-size: 12px;
  font-weight: 100;
}

.train-detail-page .play-video-list ul li .section{
  width:auto;
}

.train-detail-page .course-detail-top .detail .total ul li.total-num{
  color:#eee;
}

.train-detail-page .right-box .progress{
  margin:20px 0;
 height: 40px;
 line-height: 40px;
 border-radius: 20px;
}
.train-detail-page .right-box .progress-bar{
  position: relative;
}
.train-detail-page .right-box .sr-only{
  z-index: 9;
  height: 40px;
  width: 288px;
  display: inline-block;
  color:#000;
  clip: inherit;
  left: 0;
  font-size: 16px;
}

.train-detail-page .share-teacher-box .todo{
  color:#aaa;
}
.train-detail-page .share-teacher-box .done{
  color:#1890ff
}
.train-detail-page .share-teacher-box em{
  font-size: 10px;
  margin:0 px;
  color:#aaa;
}

.train-detail-page .share-teacher-box .sub{
  color:#333;
  margin-bottom: 5px;
}
.train-detail-page .share-teacher-box  .icon{
  color:#38b03f;
  margin-left: 5px;
}

.train-detail-page .share-teacher-box .active .todo{
  color:#1890ff;
}

.train-detail-page .share-teacher-box ul.row{margin: 20px 0;}

.train-detail-page .right-box .price{
  font-size: 20px;
  margin-bottom:20px;
  text-align: left;
}
.train-detail-page .right-box .price span{
  font-size: 14px;
  margin-right:10px;
  color:#777;
}
.train-detail-page .right-box .price em{
  font-size: 14px;
  margin-right: 5px;
}

.train-detail-page .play-video-list ul li i{
  color:#3280fc;
}
.train-detail-page .play-video-list .icon-lock{
  float:right;
  width: 20px;
  padding:9px 0 0 10px;
  color:#aaa;
  text-align: right;
}
.train-detail-page .play-video-list .count{
  float:right;
  color:#aaa;
}
.train-detail-page .play-video-list .label{
  margin-left:5px;
  position: relative;
  top: -1px;
}

.train-exam-record{
  padding-top: 50px;
}
.train-exam-record .ques_record{
  overflow: hidden;
}
.train-exam-record .ques_record .time{
  color:#aaa;
  margin:20px 0
}
.train-exam-record .ques_class_choice .button-nav ul li{
  padding: 50px 0 20px 0;
}
.train-exam-record .ques_class_choice .button-nav ul li i{
  position: relative;
  color:#aaa;
  left:25px;
}
.train-exam-record .ques_class_choice .button-nav ul li .img-box{
 float: left;
 text-align:right;
}
.train-exam-record .ques_class_choice .button-nav ul li .count span{
font-size: 22px;
}
.train-exam-record .ques_class_choice .button-nav ul li .count{
  font-size: 14px;
  margin-top: 15px;
}
.train-exam-record .right-box{
  width: 100%;
  margin:0 auto;
}
.train-exam-record .ft-pay{
  text-align: right;
}
.train-exam-record .ft-pay span{
  font-size: 18px;
  margin-right: 15px;
  position: relative;
  top: 4px;
}
.train-exam-record .ft-pay em{
  font-size: 12px;
  margin-right: 5px;
}

.cert-wrap .course-list ul li.box-wrap{
  width: 49%;
  margin-right: 2%;
  float: left;
}
.cert-wrap .course-list ul li.box-wrap:nth-child(2n){
  margin-right: 0;
}
.cert-wrap .course-list ul.list{
  width: 100%;
  overflow: hidden;
}
.cert-wrap .course-list .content .detail.overdue .pic a:before{
  width: 151px;
    height: 211px;
  padding-top: 50px;
  content:'已过期';
}
.cert-wrap .course-list .content .detail.overdue .pic.disable a:before{
  width: 151px;
    height: 211px;
  padding-top: 50px;
  content:'已撤销';
}
.cert-wrap .course-list .title{
  background: #fff;
  padding:  0 0 10px 0;
  width: 100%;
}
.cert-wrap .course-list .content .detail{
  width: 100%;
}
.cert-wrap .course-list .content .detail .btn{
  margin-top: 15px;
}
.cert-wrap .pager-box {
  text-align: center;
}
.cert-wrap .course-list .pic{padding: 20px;}
.cert-wrap .course-list .pic a img{
  position: relative;
  z-index: 9;
  border:#ad6800 3px solid;
}
.cert-wrap .course-list .cert-ft{
  position: absolute;
  bottom: 12px;
  left: 0;
  height: 20px;
}
.cert-wrap .course-list .cert-ft img{
  height: 100%;
}
.cert-wrap .course-list .content .detail .pic:hover a{
  -webkit-transform:none;
  z-index: 999;
}


/* 20220419新增培训列表 */
.train_list_main .pull-left.col-xs-3{
padding-right: 20px;
}
.train_list_main .pull-left .tree li:before{
  content:'';
  display: none;
}
.train_list_main .pull-left .tree li>.list-toggle:before{
  color:#aaa;
  position: relative;
  top:5px;
  content: '\e6bb';
}
.train_list_main .pull-left .tree li.open>.list-toggle:before{
  content: '\e6be';
}
.train_list_main .pull-left .tree li a{
  display: inline-block;
  width: 100%;
  padding: 5px;
}
.train_list_main .tree li{
  padding-left:15px;
}
.train_list_main .pull-left .tree li.active>a{
  color: #fff;
    background-color: #3280fc;
    border-color: #3280fc;
}
.train_list_main .top-radio{
  margin-top: 11px;
  text-align: right;
}
.train_list_main .top-radio .btn-sm{
  background-color: #fff;
  box-shadow: none;
}
.train_list_main .top-radio .btn-sm.active{
  color: #fff;
  background-color: #3280fc;
  border-color: #3280fc;
}
.train_list_main .nav-tabs>li>a{
  padding: 12px 25px;
  background-color:#fff;
  margin-right: 0;
  border-radius: 0;
  border-bottom: 1px solid #eee;
}
.train_list_main .nav-tabs>li:first-child>a{
  border-top-left-radius: 5px;
}
.train_list_main .nav-tabs>li.active>a{
  border:#fff 1px solid !important;
  color: #fff !important;
  background-color: #3280fc !important;

}
.train_list_main .nav-tabs>li>a:hover{
  border-color:#fff;
  background: #efefef;
}
.train_list_main .nav-tabs{
  border-bottom: 1px solid #eee;
  background: #fff;
  border-radius: 5px;
}
.train_list_main .main-course-list .screen-list .screen.sub{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.train_list_main .main-course-list .card .mod-angle{
  width: 80px;
}
.train_list_main .main-course-list .card .mod-angle.mod2{
background:rgba(36, 36, 36, 0.671);
color:#fff;
}
.train_list_main .main-course-list .cards .overdue.train .card:before{position:absolute;top:0;z-index:99;display:block;width:100%;height:100%;border-radius:0;background:rgba(255,255,255,.5);color:#fff;content:"该培训已过期";text-align:center;text-shadow:#000 0 2px 20px;font-weight:600;font-size:18px;line-height:230px;}


.list-top-bt-box{margin-bottom:15px;}

/* 步骤条 */
.nav-step li{width:33.3%;text-align: center;height:62px;line-height: 62px;}
.nav-step.step3 li{width:33%;}
.nav-step.nav>li>a{
  padding: 20px 15px;
}
.nav-step .icon-chevron-right{
  margin-left:20px;
  color:#aaa;
}
.nav-step .label{margin-right: 5px;}

.pay-table-new{margin-top: 25px;}
.pay-table-new td{padding: 20px 0px;}

.order-list-view{
  font-size: 14px;
  line-height: 28px;
}
.order-list-view span{width: 100px;color:#999;display: inline-block;}

.course-detail-top h2 .member-price{color:#333;margin-left:20px}
.course-detail-top h2 .label{padding: 0 8px;position: relative;top:-1px;left:5px;}


.train-detail-page .right-box .price.pirce2{
  padding-left:66px;
  margin-top:-20px;
}
.train-detail-page .right-box .price.pirce2 span.label{
  color:#fff;
}
.user-top .vip-tip .more-tip:after{
  left:0;
  right:inherit;
}


.pay-makesure-box ul{
  line-height: 46px;
}
.pay-makesure-box ul li{
  width: 100%;
  display: inline-block;
  list-style: none;
  font-size: 16px;
}
.pay-makesure-box ul li .title{
  display: inline-block;
  color:#777;
  width:150px;
}
.pay-makesure-box ul li .sub{
  display: inline-block;
  width:300px;
}
.pay-makesure-box ul li .sub.null{
color: rgb(209, 5, 5);
}
.pay-makesure-box ul li .sub.price{
  color: rgb(255, 138, 0);
  font-size:18px;
}
.pay-makesure-box ul li .sub em{
  font-style: normal;
  font-size: 12px;
  color:#999;
  margin:0 5px;
}


.main-course-list .screen-list .sub .pull-right {
  width: 260px;
}



/* 20220622调整播放列表折行 */
.play-video-list .title span{
  word-break: break-all;
}



/* 20220712修改支付弹窗刷新二维码 */
.wx-pay .wrap{text-align: center;position: relative;margin-top: 20px;}
.wx-pay .wrap img{width: 240px;}
.wx-pay .wrap .refresh{position: absolute;top:0;padding-top: 85px;margin-top:10px;height:220px;width: 220px;background: rgba(255, 255, 255, .95);}
.wx-pay .wrap .refresh .btn{width: 70px;height: 30px;font-size: 12px;margin-top:10px;}
.wx-pay .wrap .text{text-align: center;margin-top:20px;color: #aaa;}
.wx-pay .wrap .text .iconfont{position: relative;top: 4px; color: #1890ff;font-size: 28px;margin-right: 10px;}
.wx-pay .qr-box{
  overflow: hidden;
}
.wx-pay .modal-body{overflow: hidden !important;}



/* 20220824新增筛选样式 */
.train_list_main .nav-tabs.train-secound-nav{
  margin-top: 20px;
  background:transparent;
}
.train_list_main .nav-tabs.train-secound-nav .title{
  float:left;
  height: 28px;
  line-height: 28px;
  width: 80px;
}
.train_list_main .nav-tabs.train-secound-nav>li>a{
  padding: 3px 25px;
  margin-right: 15px;
}



/* 20221101响应式处理 */
@media (max-width: 800px){
  html {
    overflow-y: scroll;
    }
    
    body {
    width: 100%;
    overflow: hidden;
    padding: 58px 0;
    }
    .main-nav .logo-top{line-height: 60px;}
    .user-main-content .wrap{margin-top: 10px;}
  .container-fluid{padding: 0;}
  .mobel-page{display: none;}
  .container{display: block !important;max-width: 100% !important;}
ul{display: inline;}
.bg-panel{padding: 10px;}
.container-fluid{display:block;}
.footer{display: block;}
.container-fluid.main-nav{height: 60px;top: 0;position:fixed;width: 100%;z-index: 999;top: -2px;}
.main-nav .logo-top{width:210px !important;margin:0 auto;float:inherit;position: absolute;left:50%;margin-left:-105px;}
.main-nav .nav{line-height: 32px;}
.main-nav .nav.pull-right{
  display: none;
}
.main-nav .nav.pull-right .dropdown-menu li{
  width: inherit;
}
.main-nav .nav.pull-right a{
  padding: 0;
}
.main-nav .nav.pull-right .notice{
  display: none;
}
.main-nav  .nav-pills{
  position: fixed;
  width: 100%;
  bottom: -2px;
  height: 60px;
  background:#fff;
  border-top: #ddd 1px solid;
  z-index: 999;
}
.main-nav  .nav-pills li{
  display: block;
  width: 32%;
  float: left;
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.screen-list .pull-right{display: none;}
.user-top{overflow:visible;height: auto;line-height: 60px;}
.user-top .ava-box{
  display: none;
}
.user-top .avatar .detail-box{
  padding:15px 0 0 0;
  height: auto;
  display: block;
}
.user-top .total ul{margin-top: 10px;}
.user-top .total.pull-right{
  width: 100%;
}
.user-top .total.pull-right ul{
  width: 100%;
}
.user-top .total.pull-right li{
  display: inline-block;
  padding: 0;
  width: 32.5%;
  text-align: center;
}
.user-main-content .left-box{
  width:80px;
  margin-right: 0px;
}
.user-main-content .right-box{
  width: calc(100% - 90px);
  float: left !important;
  padding-left:10px;
}
.user-main-content .right-box .breadcrumb{
  padding:5px;
}
.user-main-content .left-box .nav>li>a{
  padding: 15px 10px;
}
.user-main-content .left-box .nav>.nav-heading{
  padding: 10px;
}
ul.rightsidebar{
  display: none;
}
.footer .col-xs-9{display: none;}
.footer .col-xs-3{width: 100%;text-align: left;}
.screen-list .search{
  width: 100%;
  margin-top: 20px;
}
.screen-list .nav>li>a{padding: 5px 10px;font-size:10px;}
.user-main-content .left-box .nav-stacked.nav-secondary>li.active>a{
  background:#fff;
}
.breadcrumb{margin-bottom:10px;padding: 0;font-size: 10px;}
.screen-list{margin-bottom:10px;}
.course-list .title .text{width: 100%;}
.course-list .title .pull-right{
  float:  left !important;
}
.course-list .title{
  padding: 10px;
}
.course-list .content .detail{
  width: 100%;
}
.course-list .content .detail .col-xs-3{
  width: 100%;
  margin-bottom: 10px;
}
.course-list .content .detail .pic.col-xs-2{
 display: none;
}
.course-list .content .progress-box{position: absolute;bottom: 10px;right: 10px;
}
.course-list .content{padding: 10px;position: relative;}
.course-list .circle{width: 60px;}
.course-list .circle canvas{width: 60px !important;height:60px!important;}
.course-list .circle strong{top: 12px;font-size:16px; line-height: 16px;font-weight: 600;}
.course-detail-top .pic{width: 100%;}
.course-detail-top .detail{width: 100%;}
.course-detail-body{position: relative;margin-top: 10px;}
.train-detail-page .course-detail-body .content.pull-left{width: 100%;top: 20px;position: relative;margin-top:410px;}
.train-detail-page .course-detail-body .right-box{width: 100%;margin-top: 0px;position: absolute;top: 0px;}

.course-detail-body .content.pull-left{width: 100%;top: 20px;}
.course-detail-body .right-box{width: 100%;margin-top: 10px;}
.footer .ft-nav{padding: 20px;}
.footer .ft-link{padding:20px;}
.bg-panel.train-top .course-detail-top .pic{width: 100%;margin-bottom:20px;}
.main-course-list .cards .col-xs-4{
  width: 100%;
height:auto !important;
}
.train_list_main .pull-left.col-xs-3{width: 100%;padding:0 10px;}
.main-course-list.col-xs-9{width: 100%;float: left !important;padding:0 10px;margin-top: 15px;}
.train_list_main .nav-tabs{display: block;width: 100%;}
.course-list .content .detail.overdue .pic a:before{width:calc(100% - 18px)}
.cert-wrap .course-list ul li.box-wrap{width: 100%;}
.cert-wrap .course-list .pic{width: 40%;}
.cert-wrap .course-list .noinfo-tip .pic{width: 100px;margin:0 auto;}
.cert-wrap .course-list .content .detail.overdue .pic.disable a:before{width: 100%;}
.train-detail-page .course-detail-top .detail .total ul li.total-num{font-size: 10px;}
.course-detail-body .content .nav-secondary>li a{font-size: 18px;}
.bg-panel{display: block;}
.course-detail-top .detail .title{margin:10px 0;}
.course-detail-top .detail .total ul li.total-num{font-size: 12px;}
.course-detail-top h2{margin:10px 0;}
.footer .ft-copyright .col-xs-9{display: block;width: 100%;}
.footer .ft-copyright li{white-space:inherit;}
.footer .ft-copyright{padding: 20px;}
.course-detail-top .button-box .btn{padding: 5px 25px;}
.user-main-content .left-box .bg-panel{
  border-right: #ddd 1px solid;
}
/* 播放页部分 */
.play-page{height: 100vh;padding: 10px 0 70px 0;}
.video-box{height: 25vh !important;min-width: 100%;}
.play-tool{width:100%;position: absolute;left: 0;right: 0;top:40vh;}
.play-tool .play-tool-bar{position: fixed;
  bottom: 0;
  width: 100%;
  top: 100vh;
  margin-top: -70px;
  width: 100%;
  left: 0;
  z-index: 99999;
}
.play-tool .play-tool-bar ul{width: 100%;display: block;z-index: 9999;}
.play-tool .play-tool-bar ul li{width: 50%;}
.play-page{position: relative;}
.play-content.active{padding-right: 0;}
.play-tool-content .tab-pane{height: 50vh !important;}
#tabContent2 .play-note-box{height: 40vh !important;}
.play-video-list .title{width: calc(100% - 40px);}
hr{margin:5px 0;}



.order-list .title .time{display: inline-block;width: 100%;}
.order-list .operation{width: 50%;margin-top: 15px;}
.order-list .state{width: 50%;margin-top: 15px;}
.order-list .module{width: 70%;}
.order-list .pic{width: 30%;}
.order-list li.overdue .pic a:before{width: 100%;}
.main-course-list .wrap2 .cards .col-xs-3{width: 100%;}
.nav-step.nav>li>a{padding: 0;}
.course-list.note-list .tool-box .btn{
  padding: 5px 0;
  width: 100%;
}
.course-list.note-list .tool-box{width: 32%;}
.article{padding: 0;}
.loader{
display: none !important;
}

.train-detail-page .right-box .sr-only{width: 100%;}
.train-detail-page .play-video-list .label {
  margin-left: 5px;
  position: absolute;
  bottom: -50px;
  width: auto;
  height: 20px;
  left: 2px;
  top: -1px;
  margin-top: 50px;
}
.user-top .avatar {
  width: 100%;
  margin-bottom: 0px;
}
.user-top .vip-tip .more-tip{display: none;}
.mobile-notice-top{margin-bottom: 0;}

.register-modal .modal-dialog{width:100%;}
.user-config.secure .col-xs-6{width:100%;}
.train_list_main .nav-tabs.train-secound-nav>li>a {
  padding: 3px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.play-head .title{
  text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
}


.play-video-list ul li .section{
  display: inline-block;
  margin-right: 0px;
  width: 30px;
  color: #1890ff;
}